Is there a chart library baked in?

No. Chart slots take children, so you bring Recharts, Chart.js or an SVG — which keeps the template from carrying a dependency you would immediately replace.

Does the sidebar work on a phone?

It collapses to a drawer with a focus trap and Escape-to-close. An admin shell that assumes a desktop is the most common thing wrong with dashboard templates.

Are these admin dashboard templates free to use?

20 of the 25 are free to copy and use commercially; 5 need a Pro licence, and each one says so on its own page before you spend any time on it.

How do I add one to my project?

Install it with the CLI: `npx hoverlab add saas-starter` writes the component and its dependencies into your project. Every artifact here also has a copy button for the raw source, and an "Open in sandbox" link if you would rather try it first.

Why does this page mix components and whole pages?

Because the phrase does. The same search covers 20 composed pages and 5 templates — one of them is the right size for what you are building, and which one depends on how much of the screen you still have to write.

NewEvery section of a real product, ready to paste

Ship the interface you sketched

No component library to adopt, no design system to negotiate, no runtime to ship.

Start free Read the docs

Trusted by teams shipping every day

NorthwindContosoInitechUmbrellaGlobexSoylentHooliVandelay

Everything, in one place

The parts you would otherwise rebuild on every project.

Fast by default

No runtime, no hydration cost, no waterfall. What you paste is what the browser paints.

Yours to keep

Copied code lives in your repo. Nothing phones home and nothing breaks when we ship.

Zero dependencies

Nothing to audit.

Composable

Every piece works alone or nested inside the next one up.

Accessible

Keyboard paths, focus rings and reduced-motion fallbacks included.

"It replaced our design system backlog."

Priya R., Staff Engineer

Built for everyone who ships UI

Whichever seat you are in, the work starts further along.

Frontend developers

Ship polish without the busywork

Stop rewriting the same hover and focus states
Drop a whole section in instead of assembling one
No runtime means no bundle-size regression

Designers

Close the gap between the mock and the build

Show stakeholders something live, not a screenshot
Tune spacing, colour and motion against real markup
Hand over a link instead of a spec document

Founders

Make an MVP feel like a funded product

A credible landing page in an afternoon
No design hire required to launch
Commercial use covered — ship it and charge for it

Learners

Read patterns that are actually in production

Every source is commented and idiomatic
Learn layout and motion by working example
Fork a piece and break it — nothing to set up

Paste it. Ship it.

No install step, no configuration file, no build plugin.

Copy the section straight into your project
Restyle it with your own tokens, not our overrides
Delete what you do not need — it is your code now

1import { PricingTiers } from '@/components/pricing-tiers'2import { FaqAccordion } from '@/components/faq-accordion'3 4export default function Page() {5  return (6    <main>7      <PricingTiers />8      <FaqAccordion />9    </main>10  )11}

What people say

From teams that ship on a deadline.

“We replaced a week of design polish with an afternoon. The parts that used to get cut for time are just there now.”

Priya RamanStaff Engineer, Northwind

“Dropped it in on a Friday and shipped Monday. No dependency argument with my team for once.”

Marco SilvaFounder, Ferrytale

“The thing I did not expect: it made our junior engineers faster, because the patterns are readable. They learn from what they paste.”

Alex ChenEngineering Manager, Contoso

“Our marketing site went from three weeks to four days. Same designer, same headcount.”

Dana WhitfieldHead of Design, Globex

“I stopped keeping a personal snippets file. That file had been following me between jobs for six years.”

Samir HaddadFrontend Lead, Initech

Simple, honest pricing

Start free. Upgrade when it starts paying for itself.

MonthlyYearlySave 20%

Free

Everything you need to try it properly.

Free

Up to 3 projects
Community support
Core component library

Pro

For working developers shipping real products.

$19/month

Unlimited projects
Commercial license
The full library
Priority email support
Figma source files

Team

Shared access and billing for a whole team.

$49/month

Everything in Pro
Up to 10 seats
Shared component presets
SSO and audit log
Invoice billing

Compare plans

Every line, side by side.

Compare plans — features by plan
Feature	Free	ProPopular	Team
Projects	3	Unlimited	Unlimited
Commercial license	Not included	Included	Included
Full component library	Not included	Included	Included
Figma source files	Not included	Included	Included
Seats	1	1	Up to 10
SSO and audit log	Not included	Not included	Included
Support	Community	Priority email	Dedicated

Frequently asked questions

Everything people ask before getting started.

Can I use this in a commercial project?

Yes. Everything here is yours to ship in client work and paid products, with no attribution required.

Do I need a specific framework?

No. The markup is plain HTML and the styling is utility classes, so it drops into any stack that can render an element.

How do updates work?

Copied code is yours — nothing reaches back into your project. Pull a newer version whenever you want it.

Is there a free tier?

There is. A large part of the catalog is free forever; the paid plan unlocks the rest and removes usage limits.

Come build with us

Most of what ships started as someone asking for it.

GitHub

Read the source, file an issue, send a pull request.

4.2k stars

Discord

Ask a question and get an answer the same day.

3.1k members

Release notes, new sections, and work in progress.

@handle

Revenue this week
Period	This week	Previous week
Mon	$4,200	$3,800
Tue	$5,100	$4,400
Wed	$4,800	$4,900
Thu	$6,300	$5,200
Fri	$7,100	$5,800
Sat	$3,900	$3,600
Sun	$3,100	$3,000

Actions awaiting approval. High-impact actions have no bulk checkbox and must be opened individually.
Select the 4 actions that can be approved in bulk	Action	Amount	Deadline
Refund order 41822	Refund order 41822 Damaged on arrival · photo attached · customer since 2023	£38.00	Auto-approves in 3h
Refund order 41830	Refund order 41830 Never delivered · carrier confirmed loss	£12.50	Auto-approves in 3h
Refund order 41833	Refund order 41833 Duplicate charge · matched to payment intent pi_3Qk	£64.00	Auto-approves in 6h
	Close account for Meridian Foods Requested by an admin · 41 users · 3 years of data Deletes data — opens individually	—	Open Close account for Meridian Foods
Refund order 41840	Refund order 41840 Late delivery · goodwill, within policy	£9.99	Auto-approves in 12h
	Issue account credit to Halden Group Outage compensation · agent proposed 3 months Above the bulk limit — opens individually	£4,200.00	Open Issue account credit to Halden Group

Revenue this week
Period	This week	Previous week
Mon	$4,200	$3,800
Tue	$5,100	$4,400
Wed	$4,800	$4,900
Thu	$6,300	$5,200
Fri	$7,100	$5,800
Sat	$3,900	$3,600
Sun	$3,100	$3,000


Contosobilling@contoso.io	Pro	$190	active
Globexfinance@globex.co	Team	$980	active
Initechadmin@initech.dev	Pro	$190	trialing
Northwind Ltdops@northwind.com	Team	$490	active
Umbrellait@umbrella.org	Free	—	churned
Vandelaygeorge@vandelay.com	Pro	$90	trialing

Assistant

A blank thread, the model behind it, and the four surfaces a real session grows into.

What can I look into?

Connected to your warehouse, docs and support inbox. Ask in plain language — I will show the query I ran.

Analyse

Find

Draft

Explain

Answers cite their sources. Nothing is written back without your approval.

q3-renewals.pdf
820 KB · about 14,200 tokens
dashboard-screenshot.png
1.4 MB · uploading 62%
walkthrough.mov
41 MB
Video is not readable by this model. Attach a screenshot or a transcript.

37,200 / 128,000 tokens · 15,800 from attachments29%

Summarise the Q3 churn report for the board — one paragraph, and no numbers in the first line.

Edited

3 of 3

Churn rose this quarter for a single, traceable reason: the accounts we discounted in March did not stay. The headline figure is 4.1% against 3.6% last quarter, and every point of the increase sits in that one cohort. Renewals elsewhere, including all enterprise accounts, were flat.

After editing the question

3 of 3

Thread

Build me a pricing card, three plans side by side.
Here it is — one heading, one price, one call to action per plan.
Add a monthly / yearly toggle.
Added. The heading says which period is showing rather than only the switch.
A screen reader reads the per-seat note as part of the price.
Moved it out of the price and linked the two with aria-describedby.

Ask for another change…

PriceCard.tsx

v2 · 14:06

You are looking at v2. The assistant's latest answer is about v3 — anything you ask now applies to that one.

export function PriceCard({ plan, annual }) {
  // price derived from the period rather than hard-coded
  // the heading names the period, so the switch is not
  // the only place the state is visible
}

Versions

Revenue assistant

Connected to Warehouse · gpt-class model

Which of our regions missed their Q3 target, and by how much?

Two of the five missed. EMEA came in at 91% of target (−$412k) and APAC at 88% (−$260k). AMER, LATAM and ANZ all cleared, with LATAM the strongest at 118%. The EMEA gap is almost entirely one deal that slipped into October.

Queried 2 tables · 1.4s

Is that slipped deal still open?

Yes — it moved to Contracting on 4 October and is forecast to close this quarter. Booking it in Q3 would have put EMEA at 103%.

Queried 1 table · 0.8s

Select the 8 rows on this page	Member	Plan	Last seen
Select Ama Boateng	Ama Boateng ama@meridianfoods.com	Team	2 minutes ago
Select Deniz Kaya	Deniz Kaya deniz@halden.co	Pro	1 hour ago
Select Rafael Ortiz	Rafael Ortiz rafael@northwind.dev	Free	3 days ago
Select Yuki Tanaka	Yuki Tanaka yuki@brightloom.jp	Team	6 days ago
Select Nadia Haddad	Nadia Haddad nadia@cedarworks.io	Pro	2 weeks ago
Select Tom Sørensen	Tom Sørensen tom@fjordlabs.no	Free	1 month ago
Select Priya Raman	Priya Raman priya@sundara.in	Team	1 month ago
Select Elise Marchand	Elise Marchand elise@atelier9.fr	Free	3 months ago

Account	Owner	Seats	ARR
		516	$619,200
Acme Corp	R. Patel	240	$288,000
Initech	S. Okafor	180	$216,000
Umbrella	R. Patel	96	$115,200
		105	$100,800
Globex	J. Lindqvist	48	$46,080
Soylent	S. Okafor	32	$30,720
Hooli	J. Lindqvist	25	$24,000
		15	$12,960
All segmentsincluding collapsed		636	$732,960

Customer	Plan	Status
Northwind Ltdops@northwind.com	Team	Active
Contosobilling@contoso.io	Pro	Active
Initechadmin@initech.dev	Pro	Trialing

Admin dashboard templates

Templates5

Pages20

Questions about admin dashboard templates

Related collections