React Perpetuity Theme

Trends fade. Classics endure. This theme rejects the design-of-the-moment in favor of principles that have worked for centuries: balanced proportions, restrained color at neutral oklch(0.45 0.02 250), generous whitespace at oklch(0.98 0.00 0), and typography that prioritizes readability over novelty. It's the visual equivalent of a well-tailored suit—never the flashiest thing in the room, but always appropriate. The aesthetic draws from timeless design traditions: Swiss typography, Dieter Rams' principles, the kind of book design that looks as good in 50 years as it does today. Use it for institutional and legacy brand websites, law firms and professional services, investment and wealth management, museums and cultural institutions, academic and research platforms, or any Next.js project that should outlast design trends. Both modes feel equally refined—timelessness works in any lighting.

React Perpetuity Theme preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/perpetuity.json

npx shadcn@latest add https://www.shadcn.io/r/perpetuity.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/perpetuity.json

bunx shadcn@latest add https://www.shadcn.io/r/perpetuity.json

Related Components

FAQ