Point at a Zod schema. Ship an admin panel.
Chelone is a framework-agnostic admin engine with React and Vue adapters — typed records and zero-boilerplate validation from your schema, composed with production-ready shadcn blocks.
Revenue
$48.2k
Orders
1,204
Customers
12.4k
Revenue · last 30 days
| Alice Kim | Paid | $129 |
| Ben Moss | Paid | $89 |
| Clara Sol | Pending | $420 |
| Dan Tran | Refunded | $57 |
Built on tools you trust
Chelone leverages first-class libraries, acclaimed by the React community for their robustness, documentation and performance.
React
shadcn/ui
Tailwind CSS
Radix UI
React Router
TanStack Query
Zod
TypeScriptBeyond UI Elements
With Chelone, all the essential features come preconfigured with proven best practices. Spend less time on repetitive setup and more on what makes your app unique: your business logic.
Lists & Data Tables
Flexible lists & data tables for displaying record collections
Data Fetching
TanStack Query hooks and composables for robust, cached API interactions in React and Vue
Schema-Driven
Point a resource at a Zod schema for typed records and automatic validation, in React or Vue
Forms & Validation
Data-bound inputs, adaptable layouts, dynamic fields
Authentication
Secure auth flows
Flexible Theming
CSS-variable themes, light/dark mode & granular styling
Search & Filtering
Search-as-you-type and combined filters
I18n
Internationalization for global applications
Data Export
One-click CSV export of records and bulk selections
Resilient UI
Gracefully manages loading, empty, and error states
Advanced Capabilities
Beyond the basics, Chelone offers sophisticated features to reduce development costs and enhance the developer experience.
- Schema-driven validationPoint a resource at a Zod schema and get validation for free
- Seamless relationshipsCombine and display data from multiple resources
- Optimistic UIA snappy, native-app experience, even on slow networks
- Bulk ActionsSelect and modify multiple records at once
- User preferencesAutomatically saves and restores user settings and filters
- Fully customizableModify components directly in your source code
| Customer | Product | Status | |
|---|---|---|---|
| Alice Kim | Pro Plan | Approved | |
| Ben Moss | Starter | Approved | |
| Clara Sol | Enterprise | Pending | |
| Dan Tran | Pro Plan | Pending | |
| Eva Lee | Starter | Rejected |
Connect to Any Backend
Chelone talks to your backend through a dataProvider— a small adapter you write against your API. As a single-page app, it connects to any backend—REST, GraphQL, or custom APIs—and works with any authentication provider.
Host Anywhere
Chelone apps are lightweight, static assets you can host almost anywhere—for close to nothing. When you go to production, you own your app. No hidden fees, no SSO paywalls, and no surprises.
Vercel
Netlify
GitHub Pages
CloudflareFirst, configure the @chelone registry in components.json using the installation guide.
Open source, Open Code
Don't get locked-in to proprietary, black-box solutions. With Chelone you always have 100% control over your project.
235
Components
8
Blocks
100%
Open source (MIT)
Why choose Chelone?
Get a head start
Kickstart your project with pre-built components — no need to reinvent the wheel.
Schema-driven
Point a resource at a Zod schema and get typed records plus zero-boilerplate form validation, out of the box.
Headless core
Built on @chelone/core — a framework-agnostic engine of hooks and controllers that pairs with any React UI.
No lock-in
The code is open-source. Host it anywhere with zero hidden costs.
Industry best practices
Responsive design, accessibility, and performance are built-in.
Standard Schema
Validation runs on the Standard Schema seam, so Zod plugs straight in — and other validators can too.
Built by developers for developers
Composability, separation of concerns, clean code, strong typing and smart auto-completion ensure a pleasant DX.
tsxCompose a beautiful admin panel in just a few lines of code.
Then customize every detail to fit your unique requirements.