Open-source UI library

UI worth copying.

Accessible, beautifully-crafted React components, blocks, and templates. Copy-paste the source, or install with the shadcn CLI — the code lands in your repo, fully yours to edit.

Browse components How it works

Live preview6 components · 11 blocks

Hover anywhere on this card →

Enable notifications

RadixTailwind v4TypeScript

Featured

Hand-picked components to start with.

View all →

Button

Buttons

A polymorphic button with five variants and four sizes, built on Radix Slot so it can render as any element via `asChild`.

Move your cursor

A soft emerald spotlight tracks the pointer across the surface — driven entirely by CSS variables, so it never re-renders React.

Spotlight Card

Cards

A surface that reveals a soft radial spotlight tracking the cursor. Pure CSS variables — zero re-renders per mouse move, no animation library.

Shimmer Button

Buttons

A primary button with a light sheen that sweeps across on hover. Self-contained — the effect is a CSS pseudo-element, no keyframes or dependencies.

Blocks

Full sections — install one and its components come with it.

View all →

Centered Hero

Heroes

Simple, transparent pricing

Start free. Upgrade when you grow. Cancel anytime.

Starter

Everything you need to get going.

$0/mo

1 project
Community support
1 GB storage
Basic analytics

Pro

Enterprise

Security and scale for large orgs.

Custom

SSO & SAML
Dedicated support
Unlimited storage
Audit logs
SLA

Three-Tier Pricing

Pricing

CTA Banner

CTA

Navbar

Navigation

Templates

Full pages, assembled from the blocks — install everything at once.

View all →

AAcme

v1.0 is now available

Ship your product faster than ever.

The all-in-one platform that helps teams design, build, and launch — without the busywork. Start free, scale when you're ready.

No credit card required · Free 14-day trial

Trusted by fast-moving teams everywhere

Northwind

Cobalt

Harbor

Loop

Vantage

Meridian

Everything you need to ship

A complete toolkit so your team can move from idea to launch without the usual friction.

Blazing fast

Static-first architecture and edge delivery keep every interaction under a frame.

Secure by default

SOC 2 Type II, SSO, and granular role-based access come standard on every plan.

Integrates with everything

Native connectors for the tools your team already lives in — plus a typed API.

Automate the busywork

Build flows that move data and trigger actions without writing a line of glue code.

Composable

Start with a template and reshape it. Every piece is a building block you control.

Delightful details

Thoughtful motion, keyboard support, and dark mode — polish your users can feel.

Built for scale, designed for humans

The power of an enterprise platform with the ergonomics of a weekend project.

Real-time everything

Changes propagate instantly across every client with sub-100ms sync.

Global edge

Served from 300+ locations, close to every user.

Versioned history

Roll back any change.

Observability built in

Traces, logs, and metrics for every request — no extra agents, no extra bill.

99.99%

Uptime over the last year

120k+

Developers building with us

Requests served per day

<40ms

Median global response time

Loved by teams that ship

Thousands of fast-moving teams build on the platform every day.

“We replaced three tools with this and shipped our redesign two weeks early. The team actually enjoys using it.”

MCMaya ChenHead of Product, Northwind

“The attention to detail is unreal. Keyboard shortcuts, dark mode, the little animations — it all just feels right.”

DADiego AlvarezFounder, Loop

“Onboarding took an afternoon. By the next morning the whole engineering org had migrated.”

PNPriya NairStaff Engineer, Cobalt

“Support is fast and honest, the API is a joy, and the docs are the best I've read in years.”

SWSam WhitfieldCTO, Harbor

Simple, transparent pricing

Start free. Upgrade when you grow. Cancel anytime.

Starter

Everything you need to get going.

$0/mo

1 project
Community support
1 GB storage
Basic analytics

Pro

Enterprise

Security and scale for large orgs.

Custom

SSO & SAML
Dedicated support
Unlimited storage
Audit logs
SLA

Frequently asked questions

Everything else you might be wondering. Still stuck? Reach out any time.

Can I use this in a commercial project?

Yes. Everything is MIT licensed — use it in personal and commercial projects without attribution.

Do I need a design background?

Not at all. Each block is ready to drop in and looks good out of the box. Tweak the copy and you're done.

How do updates work?

Because the code lives in your repo, nothing changes underneath you. Pull new versions only when you want them.

Is it accessible?

Components are built on Radix primitives with keyboard support and ARIA wired up, and blocks follow the same standards.

Can I customize the styling?

Completely. It's plain Tailwind and CSS variables — restyle a token or a class and the whole system follows.

Ready to build something great?

Join thousands of teams shipping faster with our platform. Get started in minutes — no credit card required.

SaaS Landing Page

A complete, production-ready SaaS landing page — navbar, hero, logos, features, bento, stats, testimonials, pricing, FAQ, CTA, and footer — assembled from the blocks. Install it and every block and component comes with it.

Free

Two ways to use it

No lock-in. The code becomes yours.

Install with the CLI

One command drops the component and its dependencies into your project via the shadcn registry.

Or just copy-paste

Every component page shows the full, dependency-light source with a one-click copy button.

Terminal

# 1. one-time: install the theme tokens
npx shadcn@latest add https://ui.saumyarex.xyz/r/theme.json

# 2. add anything — components, blocks, or a whole template
npx shadcn@latest add https://ui.saumyarex.xyz/r/spotlight-card.json

Run the theme once, then add any component, block, or template.