Build your next SaaS idea on solid foundations

Production patterns from 9 years of building SaaS interfaces. Ship fast and keep shipping.

$npx shadcn add @jmcodes/blocks/admin/dashboard

Install with the shadcn CLI you already know

Theme Builder

Create a custom theme with perceptually balanced colors. Preview any block in your palette. License holders can save themes to their account.

Try the Theme Builder →

What's under the hood

Architected application code, ready for production.

React Hook Form + Zod

Form state that scales. Validation that composes. Error handling that works.

React Query

Data fetching with caching, background refresh, and loading/error states built in.

Data Tables

Sorting, filtering, pagination, row selection, bulk actions. Server-ready.

Modal & Drawer Patterns

Create, edit, delete, and confirmation flows. State managed cleanly.

Mock Backend Data

Every screen runs immediately. See it working before you wire up your API.

shadcn CLI Distribution

One command. Full code ownership. The code is yours from the moment you install it.

Admin Suite$149$99Launch price

Admin screens, fully functional

Fully functional React code that runs the moment you install it. Forms validate. Tables sort and filter. Modals open and close. Every screen ships with React Hook Form validation, React Query data fetching, working modals and drawers, sortable and filterable data tables, and mock backend data so you can see it all working before you connect your own API.

React Hook Form + ZodReact QueryData TablesModal PatternsCSV & Excel Export10 blocks

+6more blocks

Preview all blocks →Get Admin Suite $99

Lifetime Access$299$100First 500 only

Every bundle. Forever.

A growing library of production React screens. Each bundle is a complete solution for a specific problem, built with the same architecture and attention to detail honed over 9 years of shipping real products.

New bundles ship regularly. Your license covers everything, forever.

Browse all bundles →Get Lifetime Access $100

Built for how you build

Whether you're prompting in Cursor, prototyping in Lovable, or writing code by hand, these screens drop into your workflow.

Add registry to components.json

"registries": {
  "@jmcodes": {
    "url": "https://blocks.jmcodes.tech/api/registry/{name}",
    "headers": {
      "Authorization": "Bearer YOUR_LICENSE_KEY"
    }
  }
}

Install any block

Install command

bunx shadcn add @jmcodes/blocks/admin/dashboard

The code lands in your project, yours to own and modify.

React 18+ with TypeScriptTailwind CSS for stylingshadcn/ui components as the foundationWorks with Next.js, Vite, Remix, anywhere shadcn runs

Who is building this?

Hi I'm Jesus, a senior software engineer and the creator of JMCodes Blocks.

I've been building user interfaces for over nine years. Over that time I've had the opportunity to work on many different products and codebases, and I've learned something from all of them. Treasury bond trading platforms handling billions in volume. Pharmaceutical supply chain tools. Fraud detection systems. I was the first frontend engineer at a startup, building their design system and frontend architecture from scratch. I've mentored engineers on best practices and how to build user interfaces right.

These days I work as an independent engineer and consultant. I help startups and technical founders ship fast.

These blocks are the same patterns and practices I use with clients, all the lessons from nine years of building interfaces packaged up and ready for you to build on.

Who is building this?

Hi I'm Jesus, a senior software engineer and the creator of JMCodes Blocks.

These days I work as an independent engineer and consultant. I help startups and technical founders ship fast.

These blocks are the same patterns and practices I use with clients, all the lessons from nine years of building interfaces packaged up and ready for you to build on.