Components/Card(28)

Design system primitives: buttons, badges and other building blocks our sections are composed from. Install one and reuse it across your whole project.

Ship in minutes

Copy a block, wire up your content, and deploy. No boilerplate, no configuration, no lock in.

Learn more

Spotlight Feature Card

card1

A feature card with an icon tile and a cursor tracking spotlight for landing page feature grids.

Most popular

Pro

$19/month

For freelancers shipping client sites.

  • Unlimited projects
  • 1,400+ blocks and components
  • Lifetime updates
  • Priority support

No credit card required

Pricing Card

card2

A complete pricing card with feature list, highlighted state, floating badge, and call to action.

We rebuilt our marketing site in a weekend. The blocks are clean, accessible, and the code reads like we wrote it ourselves.
Mary PollockFounder, Nordwind

Testimonial Card

card3

A testimonial card with star rating, quote, and author row for reviews and social proof sections.

Atlas Field Watch-22%

Atlas Field Watch

4.8
$249$320

Product Card

card4

A product card with image, price, discount badge, wishlist toggle, and add to cart action for shop grids.

Article Card

card5

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

Nordwind StudioBrand identityNordwind Studio

Portfolio Card

card6

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

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

card7

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

Deniz Arslan

Deniz Arslan

Creative Director

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

View profile

Team Reveal Card

card8

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

Featured

Pro blocks drop monthly

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

Learn more

Gradient Beam Card

card9

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

beste ~ zsh
$

Terminal Card

card10

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

Admit one

Beste Conf 2027

Selin Aksoy

Date
Mar 14
Seat
A12
Gate
03
BST-0421

Event Ticket Card

card11

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

Summer in AlacatiSummer in AlacatiAug 2026

Polaroid Card

card12

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

Brand systems

Brand systems

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

Explore service

Flip Card

card13

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

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

card14

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

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

With love, Selin

Alacati, TR

The Beste team

Postcard

card15

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

Studio offsite24 photosStudio offsite

Photo Stack Card

card16

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

Aurora FieldsBST-004

Midnight Frequencies

Stereo / 33 RPM

Vinyl Record Card

card17

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

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

PS: coffee is on me

Sticky Note Card

card18

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

Beste StudioThe Component HandbookSecond edition

Book Cover Card

card19

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

Step 01: Pick a block

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

Step Card

card20

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

98%+2.1%

Customer satisfaction

vs last quarter

Stat Card

card21

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

Selin Aksoyonline

The new landing page is live!

Already? That was two days of work at most

Blocks. It is all blocks.

Chat Card

card22

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

Beste Conf 2027

Deniz Arslan

Creative Director

Speaker

ATT-0087

Lanyard Badge Card

card23

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

Ready when you are

Start building today

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

Browse blocksSee pricing

CTA Card

card24

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