Components/Card(28)

Card components from Beste UI, design system primitives built with shadcn/ui and Tailwind CSS.

Join the beta program

We are opening a short testing window for the new builder. Help shape it before launch.

Only 25 seats

Applications close Jul 18.

Request access

Promo Card

A dismissible promo card with image, deadline line, and apply button for programs and offers.

Night Shippers

312 members

By Deniz

Community Card

A compact community card with thumbnail, member count, and organizer row for directories and group lists.

LUMO

LUMO

Field Camera

Launching Friday

Join the waitlist

Join list

Product Teaser Card

A portrait product teaser card with brand header, availability footer, and a pill button for coming soon pages.

Orbit One

Orbit One

$189

Shop now

Product Overlay Card

A product card with a full bleed photo, overlaid name and price, and a floating pill button.

Ready when you are

Start building today

Copy your first block in under a minute. No account needed.

Browse blocksSee pricing

CTA Card

A call to action card with eyebrow, title, description, and buttons for section endings and banners.

Beste Conf 2027

Deniz Arslan

Creative Director

Speaker

ATT-0087

Lanyard Badge Card

A conference lanyard badge card with strap, portrait, access tag, and barcode that sways on hover.

Selin Aksoyonline

The new landing page is live!

Already? That was two days of work at most

Blocks. It is all blocks.

Chat Card

A chat conversation card with message bubbles and a typing indicator for testimonials and support sections.

98%+2.1%

Customer satisfaction

vs last quarter

Stat Card

A minimal stat card with a bold value, label, and optional trend delta for metrics rows.

Step 01: Pick a block

Browse 1,400+ sections and copy the install command for the one you like.

Step Card

A numbered step card with a ghost number, title, and description for how it works sections.

Beste StudioThe Component HandbookSecond edition

Book Cover Card

A 3D book cover card that swings open on hover to reveal page edges for ebooks, guides, and lead magnets.

Ship the landing page first. Everything else can wait until Monday.

PS: coffee is on me

Sticky Note Card

A sticky note card with a folded corner and push pin for founder notes and playful reminders.

Aurora FieldsBST-004

Midnight Frequencies

Stereo / 33 RPM

Vinyl Record Card

A vinyl record card whose disc slides out of the sleeve and spins on hover for music and creative landings.

Studio offsite24 photosStudio offsite

Photo Stack Card

A photo stack card whose tucked prints fan out on hover for albums, galleries, and case studies.

Wish you were here. The water is unreal and the studio ideas keep coming.

With love, Selin

Alacati, TR

The Beste team

Postcard

A postcard back with a serif message, dashed stamp, postmark, and address lines for personal storytelling sections.

Beste Studio

INV-2026-0142 * Jul 02

Landing page$1,900
Brand refresh$2,400
Rush delivery$350
Total$4,650

* Thank you, see you again *

INV-2026-0142

Receipt Card

A thermal receipt card with itemized dotted rows, a torn zigzag edge, and a barcode for pricing recaps.

Brand systems

Brand systems

Identity, guidelines, and design tokens that scale across every touchpoint of your product.

Explore service

Flip Card

A 3D flip card that rotates on hover to reveal details and a link for service and feature grids.

Summer in AlacatiSummer in AlacatiAug 2026

Polaroid Card

An instant photo card with masking tape, serif caption, and a tilt that straightens on hover for galleries.

Admit one

Beste Conf 2027

Selin Aksoy

Date
Mar 14
Seat
A12
Gate
03
BST-0421

Event Ticket Card

An event ticket card with punched notches, a perforated barcode stub, and detail columns for launches and conferences.

beste ~ zsh
$

Terminal Card

A terminal window card that types its command lines with a blinking caret for developer landings.

Featured

Pro blocks drop monthly

A new themed set of sections lands every month, with free updates forever.

Learn more

Gradient Beam Card

A featured callout card wrapped in an orbiting gradient border beam for highlights and announcements.

Deniz Arslan

Deniz Arslan

Creative Director

Leads brand systems for venture backed startups. Previously at North & Co.

View profile

Team Reveal Card

A team member card with a grayscale portrait that gains color on hover while a bio drawer slides up.

Meet the Atlas Deck
Hardware

Meet the Atlas Deck

A modular controller for creative tools, machined from a single block of aluminum.

3D Tilt Card

A 3D tilt card that rotates in perspective toward the cursor with a moving glare for product showcases.

Nordwind StudioBrand identityNordwind Studio

Portfolio Card

A portfolio card with a full bleed image, hover zoom, and gradient title overlay for work showcases.

Article Card

An article card with cover image, category chip, excerpt, and author row for blog and news grids.

Markdown version