flx

A titled question-and-answer list.

Stacked question rows; each answer expands with an animated chevron.

List of items: select one to reveal its description and media.

A process section with a split title/description header and a portrait image flanked by two columns of numbered step cards.

A sticky title/description column paired with a scrolling list of features, each with its own title, description, and media.

File icon, name, size metadata, and a trailing overflow menu with actions per row.

Nested folders built from collapsible rows, with folder icons that swap on open.

Each trigger sits on a muted, rounded background.

Grouped toggle button filters for status and priority, with reset and apply actions.

No corner close button; dismiss only through the footer.

Labelled fields above a submit button placeholder.

Build an invoice while a dialog validates each line item against its own schema.

Build an invoice while a dialog validates each line item against its own schema.

Dialog triggered by a DropdownMenuItem with onSelect preventDefault.

A grid of square image tiles for a loading gallery.

Borderless minimal rows with an active color on open.

Rich search dialog with recent, pages, and people plus a hint footer.

Grace Period for Delete Account.

Overlapping AvatarGroup stack of members.

Grouped list of notification checkboxes, each with a label and helper description, inside a labelled fieldset.

Multiple rows grouped together with thin dividers between each row.

Multiple labeled groups divided by separators.

Options organized into labeled groups.

Options split into labeled groups with separators, demonstrated with timezones organized by region.

Grouped Toggles for Notifications.

Overlapping group with a +N count for the remaining members.

Merged-border button row where one step is visually disabled and non-interactive.

Hover each avatar in the group to reveal its name.

Three bars morph into an X on press.

Status badge above the title and a metadata row below the description.

A centered serif hero with a soft gradient wash, pill CTA, and a floating integration cloud.

A left-aligned serif hero with a media panel: an image backdrop with a floating dashboard mockup on top.

A centered hero with dual CTAs and an image that fades into the page below the copy.

A two-column editorial hero with a soft background wash and a layered collage of two overlapping images.

An editorial hero with a left tagline, right-aligned headline and copy, and a full-width image below.

A split product hero with dual CTA, a compact logo row, and the Spot 01 illustration.

An editorial hero with a full-width image above, a top-aligned tagline, and right-aligned headline and copy below.

A split hero with a bold headline, avatar social proof, and two image cards with invertible overlay text and CTAs.

A centered real-estate hero with a search bar, a masked architecture image that fades into the page, and a split closing statement.

A centered hero with a highlighted headline, dual CTAs, social proof, and a fanned collage of three overlapping images.

A split-copy hero with a light product studio mock — issue feed, properties, and a floating agent panel that fades into the page.

A full-bleed image hero with an oversized name, an established label, and a floating pill CTA anchored to the corner.

Asymmetric editorial hero with serif brand title, supporting copy, and two overlapping media frames.

A centered product hero with dual CTAs, a full-width photo with a floating block-builder demo panel, and a logo strip.

Image on the left beside a category, title, and link.

Refresh button whose icon rotates a full 360° on each click.

CTA arrow nudges right on hover.

Ghost ellipsis trigger opens a compact actions menu.