Zazz framework

Test pages

Standalone pages exercising the container band system, responsive utilities, components, and form fields. Built with nothing but Zazz classes. Resize to watch them respond.

Table caption
Header 1	Header 2	Header 3
Data 1	Data 2	Data 3
Footer 1	Footer 2	Footer 3

Layout

Container bands

The subgrid band system: bands from xs to bleed, per-child data-container, a data-container default, the responsive @md:container variants, and the article reading width.

View page

Utilities

Responsive utilities

The @xs: through @xl: prefixes across grid columns, flex direction, display toggles, column spans, basis, and alignment.

View page

Components

Component kitchen sink

Buttons, badges, breadcrumbs, cards, avatars, accordion, tabs, tooltip, menu, dialog, and prose, adapted from each component's source.

View page

Forms

Fields and validation

Inputs, input groups, the password toggle, textarea, select, checkboxes, radios, switches, and the slider, with :user-invalid validation.

View page

Tip

No build step

These pages load index.css directly and are served raw at /zazz/examples/. Plain HTML plus Zazz tokens, utilities, and components.