@aelig/typography

Typography

Add

pnpm dlx shadcn@latest add @aelig/typography

Typography primitives for headings, paragraphs, lists, code, lead, large, small, and muted text.

Preview

Registry UI

Reusable text primitives for documentation and product surfaces.

Section heading

Body copy with inline code and comfortable line height.

Small label

Muted metadata

Usage

import { TypographyH1, TypographyLead, TypographyP } from "@/components/ui/typography"

export function Intro() {
  return (
    <section>
      <TypographyH1>Registry UI</TypographyH1>
      <TypographyLead>Reusable text primitives.</TypographyLead>
      <TypographyP>Use typography components to keep text styling consistent.</TypographyP>
    </section>
  )
}

Variants and options

headings

H1 through H4 heading primitives.

body

Paragraph, lead, large, small, and muted text.

content

Lists, blockquote, and inline code.