← Back to Studio

7 November 2026

The Screens After the Login Page

Monokit is on sale: a Next.js and shadcn/ui kit of the app screens most kits leave out, in the same theme as this site.

Board

Sprint 24

MKASJOLP

Backlog

3
  • SHD-142

    Audit empty states across the dashboard

    Design
    Due Nov 18Comments: 3
    AS
  • SHD-147

    Add CSV export to the invoices table

    BackendGrowth
    Due Nov 25Comments: 1
    JOMK
  • SHD-151

    Write migration guide for the v2 theme tokens

    Docs
    Due Dec 2Comments: 0
    LP

In progress

2
  • SHD-131

    Sidebar collapses behind the sheet on tablet widths

    Bug
    Due Nov 8Comments: 6
    MK
  • SHD-136

    Accent picker: persist choice across sessions

    DesignBackend
    Due Nov 11Comments: 4
    ASLP

In review

3
  • SHD-122

    Pricing page: yearly toggle and comparison table

    GrowthDesign
    Due Nov 6Comments: 9
    JO
  • SHD-126

    Rate-limit the public webhook endpoint

    Backend
    Due Nov 7Comments: 2
    MKJO
  • SHD-128

    Fix focus ring clipping on the command palette

    Bug
    Due Nov 9Comments: 0
    AS

Done

2
  • SHD-109

    Ship dark mode for charts

    Design
    Due Oct 28Comments: 5
    LP
  • SHD-114

    Document the block contract in the README

    Docs
    Due Oct 30Comments: 2
    ASJO
Monokit · Kanban, running live

Most shadcn/ui kits stop at the login page. You get a hero, a pricing table and a sign-in form. Then you're on your own with the product.

The product is where the work is. A kanban board, an inbox, a calendar, a checkout, settings, the empty states nobody designs until a user hits one.

I built Monokit to be those screens: Next.js and shadcn/ui, in the same theme as this site. It's on sale now.

What's in it

  • Three pages: a landing page, a demo login, and a dashboard with a sidebar, charts and a data table.
  • 13 blocks, from two-factor and onboarding to checkout, a command palette and the 404 and 500 pages.
  • The studio theme: four accents in light and dark, with every shadcn/ui variable mapped.
  • The full source: Next.js 16, React 19, Tailwind CSS 4 and Radix. No wrapper library to learn.

One theme, every variable

Every shadcn/ui variable maps to a studio token, so a block picks up the accent and the mode without a change to the component. The product page runs the real blocks: switch the accent at the top and watch them follow.

Pay once

$149 for your own products. $399 for a team of up to 10 doing client work. One payment, updates on both plans, and you get the private GitHub repo.

About 80 more blocks sit on the backlog, mostly app screens.

The login page was never the hard part.