Component playground

Each page shows one component: live preview + HTML snippet. Use the sidebar to navigate.

details/summary

tones + solid + animations

12 keyframes + utilities

tones, sizes, dot

nav trail

variants + sizes

elevated / glass / horizontal

data-density, data-typo

native <dialog>

icon + text

inputs, validation

gradient + CTA

.icon + sizes

details dropdown

Nav

pills / tabs / underline

featured plan

grid + card

striped / compact

radio + :has()

quote + author

notifications with tone

data-tooltip