Rad UI is still under active development. You are free to use it in your projects, but expect breaking changes. If you'd like to contribute to Rad UI, please check out Getting Started


Headings are used to display titles and subtitles.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
import Heading from "@rad-ui/ui/Heading"

const HeadingExamples = () => (
        <Heading>Heading 1</Heading>
        <Heading as="h2">Heading 2</Heading>
        <Heading as="h3">Heading 3</Heading>
        <Heading as="h4">Heading 4</Heading>
        <Heading as="h5">Heading 5</Heading>
        <Heading as="h6">Heading 6</Heading>