Pieces/Shapes(79)

Shapes pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.

Quote Testimonial

Faded quote glyph above three quote lines and a name plus role footer.

Action Banner

Inline banner with copy on the left and outlined plus solid action buttons on the right.

Newsletter CTA

Headline and subline above an email input paired with a primary submit button.

Centered CTA

Foreground panel with a stacked headline, subline, and a single inverted button.

Icon Feature

Single feature card with a large icon tile beside a title and two supporting lines.

Feature List

Three feature rows in a card, each pairing an icon tile with a title and a body line.

Bento Grid

Asymmetric bento layout with one large tile, two stacked small ones, and a wide row.

Badged Hero

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

Hero with Stats

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

Split Hero

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

Event Card

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

Audio Player

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

Settings List

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

Terminal Window

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

Stats Row

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

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.

Markdown version