All tools · page 23

Displays document headings as a navigable outline.

Generates a structured multi-column navigation menu.

Creates a board layout with columns and task cards.

Builds a filter panel with configurable field types.

Creates a results layout with query, count, and empty states.

Generates a compact action bar for application controls.

Generates an accessible toggle control with labels.

Creates a grouped checkbox interface with selection state.

Organizes related form fields into reusable sections.

Creates a multi-step form structure with progress and validation hooks.

Generates grid-template rows and columns from visual layout settings.

Generates row and column gap values for selected layouts.

Demonstrates main-axis and cross-axis alignment combinations.

Builds a palette from supplied base colors.

Generates a theme switcher using data attributes or classes.

Calculates contrast ratios across supplied palette combinations.

Builds radial gradients with configurable positions and stops.

Creates conic gradients for decorative interface elements.

Produces CSS for dotted backgrounds.

Creates horizontal, vertical, and diagonal stripe patterns.

Builds polygon, circle, and inset clip-path declarations.

Demonstrates common background and mix-blend modes.

Creates translate, rotate, scale, and skew declarations.

Generates aspect-ratio declarations for selected dimensions.