The screens your product needs, already designed.
Monokit is a complete Next.js and shadcn/ui site with 13 app-ready blocks: kanban, inbox, calendar, settings, checkout and more, in the monospace.studio theme. You get the source, not a preview.
- 13
- 8
- 3
- 1
App screens, not just marketing sections.
Most block libraries stop at heroes and pricing tables. Monokit covers the screens behind the login too. Every tile below is the live block.
One theme, 8 looks. Try them here.
Each accent tints the background, surfaces, borders and text, not just the buttons. Pick one: this page and every live block on it switch with you.
£12,480
+8.2% vs last month
Every page you need to launch, already built.
Three pages
A landing page, a demo login and a dashboard with an icon sidebar, stat cards, an interactive chart and a data table.
13 blocks
Kanban, inbox, calendar, settings, checkout, command palette and more. One file each, ready to drop into a route.
The studio theme
4 accents in light and dark, each tinting the whole palette. Every shadcn/ui variable is mapped; one radius token sets every corner.
The source
The full Next.js project, not a preview behind a paywall. Rename it, rewrite the copy, ship it.
Code that reads like yours
No wrapper library and no config format to learn: plain App Router pages, shadcn/ui components and CSS variables, where the shadcn CLI would put them.
- Next.js 16 App Router
- React 19
- Tailwind CSS 4
- shadcn/ui on Radix
- Phosphor icons
- Recharts and dnd-kit
app/page.tsx# landingapp/login/page.tsx# demo loginapp/dashboard/page.tsx# app shellapp/globals.css# theme tokenscomponents/ui/# shadcn/ui primitivescomponents/blocks/# one file per block kanban.tsx inbox.tsx …
Pay once. Own the source.
Questions
Is it a template or the actual source?
The actual source: the same Next.js project that runs this site. Every page, block, component and theme token is yours to change.
Do I have to keep the monospace.studio look?
No. The theme is a set of CSS variables in one file. Pick an accent, edit the hex values or swap the whole palette, and every page and block follows.
Can I use it for client work?
Yes, on the Team plan: unlimited client projects for up to 10 people. Personal covers products you own.
Will there be more blocks?
Yes. About 100 more are planned, mostly app screens such as settings, inboxes and admin views. They arrive as updates: for 12 months on Personal, for life on Team.
I already use shadcn/ui. Can I take just one block?
Yes. Each block is a single file that uses the kit's shadcn/ui components and theme variables. Copy those across with it and it works.