Pieces(989)

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Chat Conversation

Three message bubbles alternating sides, the outgoing one in foreground tone.

Blog Card

Side-by-side thumbnail, category dot, two title lines, and a meta line.

Product Card

Image-topped tile with a title line, price block, and a circular add button.

Footer

Three columns of links above a divider with a copyright line and social dots.

Navbar

Top bar with a logo tile, three menu items, and a primary action on the right.

CTA Banner

Dark banner pairing a headline plus subline with an inverted call-to-action button.

FAQ List

Three accordion rows, the first one expanded with answer lines underneath.

Pricing Card

Plan label, price block, three checked features, and a full-width primary button.

Testimonial Card

Quote card with three body lines above an avatar, name, and role.

Feature Grid

Three columns, each with an icon tile, a heading line, and two body lines.

Hero Section

Two heading bars, supporting body lines, and a primary plus outlined CTA pair.

Audio Waveform

Twelve thin vertical bars centered like an equalizer, with played bars in foreground.

Breadcrumb

Three crumb segments separated by chevrons, the last one in foreground tone.

Modal Dialog

Card on a dimmed backdrop with a title, two text lines, and confirm-cancel buttons.

Pagination Dots

Five carousel dots with the active one stretched into a pill.

Tab Bar

Three tab labels above a divider, with a foreground indicator under the active one.

Date Picker

Mini month grid with a weekday strip and one day cell selected.

Search Bar

Pill-shaped input with a magnifier icon and a placeholder line.

Heatmap Grid

Seven-by-five activity grid shading from muted to deep emerald.

Step Indicator

Four nodes connected by lines, two complete, the third active, the last pending.

Browser Window

Mini browser frame with traffic-light dots and two content lines.

Lightning Bolt

A jagged amber bolt traced from a single zigzag polygon.

Notification Card

Avatar circle, two stacked content lines, and a rose unread dot.

Distribution Bar

Three-segment stacked bar with a dotted legend underneath.