Motion-first components and assembled blocks. Free primitives, Pro sections. Built for Next.js with Tailwind CSS.
Built with accessibility and performance in mind
Smooth animations with Framer Motion, respecting prefers-reduced-motion
Complete TypeScript support with full type safety and IntelliSense
No package lock-in. You own the code, modify it as needed
WCAG compliant components with keyboard navigation support
Mobile-first design that works beautifully on all screen sizes
Built-in dark mode support with system preference detection
One-time payment. Lifetime access.
Perfect for trying out Patina
Everything you need to ship
For growing teams
See what people are saying about Patina
Patina has completely transformed how I build landing pages. The components are beautiful and the code quality is top-notch.
Sarah Chen
Frontend Developer
The attention to detail in these components is incredible. Every animation feels polished and purposeful.
Alex Morgan
Product Designer
Best $49 I've ever spent. Shipped my SaaS landing page in a weekend using Patina blocks.
Jamie Taylor
Indie Hacker
Everything you need to know about Patina
Join thousands of developers building beautiful products with Patina.