Pieces/Shapes79

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.

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.

Stats Row

shapes41

Three small KPI tiles in a row, each with a label and a bold value bar.

Terminal Window

shapes42

Dark CLI window with traffic-light dots, two prompt lines, and a blinking cursor.

Settings List

shapes43

Three divided rows with labels and trailing toggles or value lines.

Audio Player

shapes44

Round play button next to a 40% progress bar with elapsed and total time lines.

Event Card

shapes45

Date block on the left with title lines and a location row carrying a status dot.

Split Hero

shapes46

Two-column hero with copy and a single CTA on the left, image panel on the right.

Hero with Stats

shapes47

Centered headline pair above three compact stat columns showing key numbers.

Badged Hero

shapes48

Pill badge with status dot above a centered headline pair and a single CTA.