Product · Monokit

Most shadcn/ui kits stop at the login page.

Monokit starts there: a Next.js and shadcn/ui kit of app screens (kanban, inbox, calendar, checkout, settings) in the same theme as this site. Everything below is the real component running on this page.Monokit starts there: the app screens, in Next.js and shadcn/ui.

Ask about early access

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
Kanban · Drag a card between columns.

Behind the login

The screens most kits leave out.

Every product needs them. Most block libraries skip them.

Two-step verification

Check your authenticator app
Enter the 6-digit code for your Northwind account.

Demo code: 123456

Resend code in 0:30

Auth · Two-factor code
  1. 1
  2. 2
  3. 3

Step 1 of 3

Name your workspace
This is where your projects and reports live.

northwind.app/your-workspace

Onboarding · Onboarding wizard

Checkout

Almost there.

Contact
Shipping
Delivery method
Payment

Demo only. Nothing you type here is stored or sent anywhere.

Commerce · Checkout

Empty states

Nothing here yet, and that's fine.

Six blank slates that explain what's missing and what to do next.

First project

Create your first project

Projects hold your events, dashboards and teammates in one place.

No results

No results for “quarterly invoices”

Nothing matched your search with 2 filters applied.

TryinvoicesonboardingQ3 report

Inbox zero

You're all caught up

Every review is answered and every thread is closed. Enjoy the quiet.

No notifications

No notifications yet

Mentions, comments and deploy results will show up here.

Upload files

Drop files to upload

Drag them here, or browse your computer. Up to 25 MB each.

PNGJPGPDFCSV

Offline

Connection lost

We can't reach the server. Your changes are saved locally and will sync when you're back online.

System states · Empty states

Theme

One set of tokens.

Switch the accent or mode at the top of this page. The blocks follow.

What's in the kit

A finished product, not a starter.

  • Three pages: a landing page, a demo login, and a dashboard with a sidebar, charts and a data table.
  • 13 blocks. Eight run on this page; the command palette, settings, pricing, bento grid and 404/500 pages are in the kit.
  • 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.

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

Not on sale yet.

Tell me what you'd build with it.

Get in touch