Pieces/Shapes(79)

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

Empty State

Faded inbox glyph above a heading, helper line, and a primary action button.

Image Gallery

Featured tile beside a stacked column where the last cell carries a more-overlay badge.

Comment Thread

Parent comment with avatar and meta above an indented reply with a smaller avatar.

Upload Drop Zone

Dashed-border card with an upload glyph above a heading and helper line.

Music Player

Album thumbnail and track meta beside skip-back, play, and skip-forward controls.

Course Card

Thumbnail above title and meta, with a 60% emerald progress bar and percent label.

Reveal Slider

Before-and-after panel split by a vertical divider with a draggable circular handle.

Toast Notification

Floating card with an emerald success badge, two content lines, and a dismiss icon.

Countdown Timer

Four bordered tiles each with a digit value above a small unit label.

Pricing Table

Three plan columns side by side with the middle one ringed in foreground for emphasis.

Verification Code

Four OTP slots with the first two filled, the third focused, and a submit button.

Multi-step Form

Three-node progress strip above a card with two fields and back-next actions.

Search Filters

Pill search input above a row of selectable filter chips, the first one active.

Sign Up Form

Three labeled fields stacked above a checked agreement row and a primary submit.

Login Form

Heading above email and password fields with a full-width sign-in button.

Social Links

Five circular outlined buttons hosting Twitter, GitHub, LinkedIn, YouTube, and Instagram glyphs.

Support Agent

Avatar with an online status badge above name and role, plus chat and email actions.

Split Contact

Two-column card with copy on the left and a stacked form with submit on the right.

Contact Info

Three divided rows pairing mail, phone, and pin icons with label and value.

Contact Form

Two single-line fields above a tall message field and a full-width submit button.

Video Testimonial

Video thumbnail with center play button above an avatar and name footer.

Logo Wall

Centered tagline above a row of four muted brand logo placeholders.

Centered Avatar Quote

Avatar above three centered quote lines, name and role under the body.

Star Review Card

Five amber stars above two quote lines and an avatar plus name footer.

Markdown version