Precedent logo


Introducing Precedent

Building blocks for your Next project

An opinionated collection of components, hooks, and utilities for your Next.js project.

Beautiful, reusable components

Pre-built beautiful, a11y-first components, powered by Tailwind CSS, Radix UI, and Framer Motion


Performance first

Built on Next.js primitives like @next/font and next/image for stellar performance.

Deploy with Vercel

One-click Deploy

Jumpstart your next project by deploying Precedent to Vercel in one click.

Auth.js logoPrisma logo

Built-in Auth + Database

Precedent comes with authentication and database via Auth.js + Prisma


Hooks, utilities, and more

Precedent offers a collection of hooks, utilities, and @vercel/og

A free template by Steven Tey