Typography

SeparatorAspect Ratio

Headings, paragraphs and inline text styles.

Source

Design with real references

Browse thousands of screens and flows from the best apps.

Why it matters

Search by pattern, app or flow and save what inspires you.

The fastest way to learn is to look at what already works.
  • Onboarding
  • Checkout
  • Settings

Updated weekly.

Installation

pnpm dlx shadcn@latest add https://yea-ui.vercel.app/r/typography.json

Usage

import { TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyInlineCode, TypographyLead, TypographyList, TypographyMuted, TypographyP } from "@/components/ui/typography"