Docs Components Sections Examples Playground
Getting started
Introduction Installation Theming Switching theme
Typography
Fluid scale Heading Text Callout Blockquote
Components
Theme Button Menu button Code Badge Pattern Breadcrumbs Thumb Toast Avatar Separator Marquee Slideshow Tabs Network indicator Dialog Megamenu Context menu Dropdown menu Card Hover Card Menu Menubar Popover KBD Accordion Page transition Tilt Globe Glowing border Custom cursor
Form
Textarea Slider PIN Input
actions & utilities
autosize usePrevious trapFocus clickOutside
Tailwind utilities
.raised

Card normal

column
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
row
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
columnReverse
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
rowReverse
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
overlay
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.

Card small

column
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
row
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
columnReverse
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
rowReverse
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
overlay
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.

Card large

column
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
row
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
columnReverse
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
rowReverse
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.
overlay
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti molestias quo nisi nemo, quaerat ullam, nesciunt qui expedita nulla itaque inventore quas numquam omnis, fuga esse laborum? Repellat, minus doloribus.