Catalog Templates Docs Pricing

Command Palette

Search for a command to run...

Sign in Get Pro

Marketing blocks

Assembled sections. Preview is public. Source and CLI unlock with Pro.

Patina — a companion kit. Not affiliated with shadcn/ui.

Catalog Templates Docs Theme Forms Pricing Generate MCP License Terms Privacy

Marketing blocks

Assembled sections. Preview is public. Source and CLI unlock with Pro.

Assistant

Online · replies stream in

Why does our chat UI feel slow even though responses are fast?

measure_ttftCompleted

Time to first token across the last 24 hours of sessions.

Assistant2:41 PM

Perceived speed is set by time-to-first-token1 and paint behaviour, not total generation time2. Stream tokens into a shell that has already painted, keep the transcript pinned while the reader is at the bottom, and reserve layout space for tool cards so nothing jumps as states resolve.

Sources

1Streaming SSR with React Server Components react.devSelective hydration lets the shell paint immediately while slower subtrees stream in as they resolve.
2Measuring Time to First Token in production vercel.comTTFT is dominated by queueing and prefill; chunked transfer keeps perceived latency flat.

ai

Issues

Fix mobile navigation overflow

Add dark mode toggle

Update documentation

Optimize image loading

Fix form validation

Fix mobile navigation overflow

Description

Navigation menu is not responsive on mobile devices and overflows the viewport.

Assignee

Alex

application

Patina

Premium shadcn companion kit. Motion is free. Assembled blocks are $149 once.

Product

Components
Blocks
Pricing

Legal

License
Terms
Privacy

Account

Login
Account
Docs

Not affiliated with shadcn/ui.

chrome

12

1 free11 pro

Aug 2026

Why we never lock marquee

Aug 2026

Namespaced registries in practice

Jul 2026

A $49 license, not a seat

content

Hobby

$0 Forever

156 motion primitives
Public @patina registry
Copy TSX logged out

Browse primitives

Pro

$49 once

Everything in Hobby
144 marketing blocks
License key + @patina-pro

Team

$49 same key, share it

One license for the studio
No seat tax
14-day refund

convert

18

5 free13 pro

Marquee

Always free.

Dock

Always free.

Heroes

Pro assembled.

Pricing

Pro assembled.

features

Welcome back

Sign in to your account to continue

Forgot password?

Don't have an account? Sign up

forms

10

10 pro

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.

Browse free components

heroes

19

3 free16 pro

Sample quote — swap in a real customer testimonial here.

Sample Name · Design engineer

Sample quote — swap in a real customer testimonial here.

Sample Name · Founder

Sample quote — swap in a real customer testimonial here.

Sample Name · Frontend lead

Sample quote — swap in a real customer testimonial here.

Sample Name · Studio lead

Sample quote — swap in a real customer testimonial here.

Sample Name · Design engineer

Sample quote — swap in a real customer testimonial here.

Sample Name · Founder

Sample quote — swap in a real customer testimonial here.

Sample Name · Frontend lead

Sample quote — swap in a real customer testimonial here.

Sample Name · Studio lead

Sample quote — swap in a real customer testimonial here.

Sample Name · Studio lead

Sample quote — swap in a real customer testimonial here.

Sample Name · Frontend lead

Sample quote — swap in a real customer testimonial here.

Sample Name · Founder

Sample quote — swap in a real customer testimonial here.

Sample Name · Design engineer

Sample quote — swap in a real customer testimonial here.

Sample Name · Studio lead

Sample quote — swap in a real customer testimonial here.

Sample Name · Frontend lead

Sample quote — swap in a real customer testimonial here.

Sample Name · Founder

Sample quote — swap in a real customer testimonial here.

Sample Name · Design engineer

social

01

Install

Add @patina to components.json.

02

Token

If you bought Pro, set PATINA_LICENSE_KEY.

03

Ship

npx shadcn add, then commit the files.

wow