Components for the screens nobody enjoys building.
65 production-ready React components and templates for documents, billing, access and data. One command in Claude Code, Cursor or your terminal.
Components
Every product screen, already built.
Tables, signing flows, billing pages, permissions. Accessible, light and dark, and ready to paste.
Built withReactTypeScriptTailwind CSS v4Radixshadcn CLI
Documents10 components
Viewers, signing flows, audit trails and version history.
Workspace8 components
Members, roles, permissions and access requests.
Billing9 components
Plans, invoices, payment methods and usage.
Data & feedback4 components
Tables, charts, badges and the states between them.
Forms13 components
Fields, inputs, selects and pickers on one control scale.
Overlays7 components
Dialogs, drawers, popovers, menus and a command palette.
Navigation & layout7 components
Tabs, sidebar, pagination, steppers and trees.
Auth3 components
Sign in, sign up and one-time codes, ready to wire up.
46 of the 65 are free, with their source, and need no account. Browse the free ones
Templates
Complete applications, ready to make yours.
Every screen is built and the data layer is one file. Open the live demo before you buy.
Open the demoSettle — Payment Operations
Template · 8 screens
Eight screens for the team that closes the day: settlement, reconciliation, payouts and disputes.
AI agents
Works in any agent or editor.
Every component is one self-contained file, so there is nothing to teach an agent about it. Below, an agent installs one and puts it on the page.
How it works
From install to production in three steps.
No wrappers and no runtime. Just the source in your repository, ready to edit.
- 01
Install
One command with the shadcn CLI writes the component into your project and installs what it needs.
npx shadcn@latest add @layro/data-table
- 02
Compose
One file, typed props, your theme's colours. Restyle it with Tailwind like any code you wrote. No lock-in.
<DataTable columns={columns} data={rows} /> - 03
Ship
Keyboard support, screen-reader labels, light and dark are already done. Nothing phones home.
npm run build
Pricing
Get every component and template
Pay once and get all 65 components and every template, with each future release included.
Lifetime access
$149$199
One-time payment. Every future release included.
Get lifetime accessAlready bought? Sign in
What you get:
- 65 components to build real product screens
- The Settle template, and every one after it
- Lifetime access to all components and upcoming updates
- One command to install with the shadcn CLI
- Works with any AI agent: Claude Code, Codex, Cursor and more
- Support by email from the person who wrote the code
- Install with one command, or copy and paste. Your choice
- Built with React, TypeScript and Tailwind CSS v4
FAQ
Frequently asked questions
Everything worth knowing before you buy.
(01)What do I get when I buy?
Every component on this site with its source, the 3 collections they are grouped into, every template, and everything released after you buy. You sign in, pay once, and your account is unlocked: copy the code from any component page, install it with the shadcn CLI, or download the files.
(02)Who is it for?
Developers and small teams building a real product: a SaaS dashboard, an internal tool, a client project. If you have ever lost three weeks to a signing flow, a permissions table or a billing page, this is those weeks back.
(03)What kind of apps can I build?
Anything in React with Tailwind CSS v4: Next.js, Vite, Remix. Use the components in unlimited personal and commercial projects, including client work. The one thing you may not do is resell or republish the source itself.
(04)Is this a subscription?
No. It is one payment. There is nothing to renew and nothing to cancel, and the code you have taken stays yours.
(05)Do the components work with Claude Code, Cursor and other AI agents?
Yes. Every component is one self-contained file with typed props, so an agent can read it and place it without any wiring. Each page has a Copy prompt button, and the shadcn CLI installs by name.
(06)Do you offer refunds?
Yes, within 14 days of buying. 46 components are free with their full source, and every paid one has a live preview, so you can look before you pay. Refunds are issued by Lemon Squeezy, who process every Layro payment.
(07)How do I get help?
Write to layropro26@gmail.com. One person builds Layro and answers the mail, so a reply can take a day, but it comes from the person who wrote the code.