Getting Started

Introduction

Patina is a freemium component library for Next.js. Motion primitives stay public. Marketing blocks unlock once.

What is Patina?

Patina is a companion kit for shadcn/ui that provides motion-first components and assembled marketing blocks. The primitives are always free. The composed sections are Pro.

Quick Tip

All components respect prefers-reduced-motion and work with keyboard navigation.

Key Features

Motion-first — Built on Framer Motion with accessibility in mind
Freemium model — 34 free primitives, 58+ pro blocks
Copy-paste — No package lock-in, you own the code
TypeScript — Full type safety and IntelliSense

Documentation

Introduction

What is Patina?

Key Features

Install

Dependencies