templates
SaaS Marketing
Complete landing: nav, hero, logo cloud, bento, features, pricing, FAQ, footer.
Beautiful components for modern apps
Motion-first components and assembled blocks. Free primitives, Pro sections. Built for Next.js with Tailwind CSS.
Everything you need
Built with accessibility and performance in mind
Motion First
Smooth animations with Framer Motion, respecting prefers-reduced-motion
Fully Typed
Complete TypeScript support with full type safety and IntelliSense
Copy & Paste
No package lock-in. You own the code, modify it as needed
Accessible
WCAG compliant components with keyboard navigation support
Responsive
Mobile-first design that works beautifully on all screen sizes
Dark Mode
Built-in dark mode support with system preference detection
Simple, transparent pricing
One-time payment. Lifetime access.
Free
Perfect for trying out Patina
- 34 free primitives
- Community support
- TypeScript types
- MIT license
Pro
Everything you need to ship
- All free primitives
- 58+ pro blocks
- 7 app shells
- Priority support
- Lifetime updates
- Commercial license
Teams
For growing teams
- Everything in Pro
- 5 team seats
- Shared workspace
- Team billing
- Dedicated support
Loved by developers
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
Frequently asked questions
Everything you need to know about Patina
Ready to build something amazing?
Join thousands of developers building beautiful products with Patina.
Install
npx shadcn@latest add @patina-pro/shell-saas-marketing
Dependencies
motion