Patina

Command Palette

Search for a command to run...

Sign inGet Pro

Heroes

19 blocks

Companion kit for shadcn/ui

Ship the page. Keep the source.

Give away the motion. Charge for the assembled page. Patina is a freemium registry: primitives stay public, marketing blocks unlock once.

Hero Split

pro

Copy on the left, live stage on the right.

View details

Patina

A darker companion for shadcn/ui.

Hero Shader

pro

Full-bleed grain field with a centered wordmark.

View details
Registry v1

Twenty primitives. Thirty-two blocks. One license.

Install free motion from @patina. Unlock assembled marketing sections with a $49 key.

Hero Announcement

free

Slim kicker plus stacked headline.

View details

The kit, framed.

Preview every block in light and dark before you copy a line.

Hero Device

pro

Product framed in a bezel with ambient glow.

View details

One key. Every future block.

Pro is a one-time unlock. We do not run a waitlist — buy, copy, ship.

Used by 1,200 registries this quarter.

Hero Waitlist

pro

Email capture with a quiet social proof row.

View details

Documentation

Add Patina to any shadcn app.

npx shadcn@latest add @patina/marquee

Hero Docs

pro

Docs-first intro with a command chip.

View details

New Product Launch

Build the future. Ship faster.

Experience the future of design with our revolutionary platform built for modern teams.

Hero Gradient

pro

Large type on a mesh gradient.

View details

Professional React components

Components that delight

A freemium component library for shadcn/ui. Motion primitives stay free. Marketing blocks unlock with Pro.

Hero Centered

free

Centered headline with CTA buttons.

View details

Production-ready blocks, not templates.

Copy, paste, ship. Every component is built with accessibility and performance in mind.

Theme tokens only — works in any shadcn project

Fully responsive across all breakpoints

Accessible keyboard navigation and ARIA labels

Framer Motion for smooth animations

One-time purchase, lifetime updates

Free primitives, $49 for the companion kit

Hero Features

pro

Hero with inline feature highlights.

View details

Trusted by builders everywhere.

Patina helps teams ship beautiful interfaces faster.

Patina saved us weeks of design iteration. We copied three blocks, adjusted the colors, and shipped the landing page the same day. The companion kit paid for itself in saved engineering hours.

Alex Chen

Founder, Syntax Studio

Hero Testimonial

pro

Hero with prominent customer quote.

View details

Your product demo

Professional components

Ship faster with Patina

A freemium component library for shadcn/ui. Motion primitives stay free. Marketing blocks unlock with Pro. No subscription, one-time $49.

Hero Split Reversed

pro

Media left, copy right layout.

View details

Professional components

Build beautiful products

A freemium component library for shadcn/ui. Motion primitives stay free. Marketing blocks unlock with Pro.

Hero Fullscreen

pro

Viewport-height background with centered content.

View details

Professional components

Animate your hero

Elements reveal on scroll with smooth transitions. Powered by Framer Motion.

Hero Animated

pro

Animated elements on scroll reveal.

View details

Professional components

Build with Patina

A freemium component library for shadcn/ui. Motion primitives stay free. Marketing blocks unlock with Pro.

120+
Components & blocks
15+
App shells
$49
One-time payment

Hero Stats

pro

Hero with inline statistics bar.

View details

Ship faster with motion

Beautiful components that feel alive

Production-ready React components with smooth animations. Copy the code, ship the page.

Hero Video

pro

Fullscreen video background with centered copy overlay.

View details

Trusted by product teams

Ship beautiful interfaces faster

Join thousands of developers using Patina to build production-ready React applications with confidence.

0+

Components shipped

0%

Customer satisfaction

0h

Average time saved

Hero Metric

pro

Hero section with animated metrics showcasing key stats.

View details

Component library reimagined

Build modern landing pages in minutes

Pre-built blocks with motion, accessibility, and responsive design baked in. No more starting from scratch.

Motion primitives

Free forever

Marketing blocks

Pro unlock

Full templates

Ship today

Hero Cards

pro

Centered hero with animated feature cards below.

View details

The better way to build

Stop starting from zero

Patina gives you the building blocks you actually need—so you can focus on what makes your product unique.

Before
  • Building from scratch every time
  • Wrestling with animations
  • Accessibility as an afterthought
After
  • Production-ready components
  • Smooth motion built-in
  • WCAG compliant by default

Hero Comparison

pro

Before/after comparison layout showing value proposition.

View details