# UI showcase

> One page that renders every norns-ui component with its variants, in light and dark mode.

`src/routes/examples/ui/+page.n` (about 1,300 lines of Pug) is the live gallery for [norns-ui](/norns-ui): typography, every form control, every overlay with its trigger snippet, display and composite components, pickers, the data table and the motion tier, each with the props that matter. Toggle the theme from the page header to verify dark-mode contrast.

It is the best place to see how a component is used in practice; the [component reference](/norns-ui/reference/components) has the prop types. Splitting it into one demo per component, rendered next to each reference entry on this site, is a planned follow-up.