Pieces942

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.

Distribution Bar

shapes17

Three-segment stacked bar with a dotted legend underneath.

Notification Card

shapes18

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

Lightning Bolt

shapes19

A jagged amber bolt traced from a single zigzag polygon.

Browser Window

shapes20

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

Step Indicator

shapes21

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

Heatmap Grid

shapes22

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

Search Bar

shapes23

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

Date Picker

shapes24

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

Tab Bar

shapes25

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

Pagination Dots

shapes26

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

Modal Dialog

shapes27

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

Breadcrumb

shapes28

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

Audio Waveform

shapes29

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

Hero Section

shapes30

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

Feature Grid

shapes31

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

Testimonial Card

shapes32

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

Pricing Card

shapes33

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

FAQ List

shapes34

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

CTA Banner

shapes35

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

Navbar

shapes36

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

Footer

shapes37

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

Product Card

shapes38

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

Blog Card

shapes39

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

Chat Conversation

shapes40

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