Components(158)

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

Notifications Menu

Topbar bell trigger with an unread count and a popover feed: icon rows with title, description, timestamp, unread dots, a mark-all-read action, and a scrollable list. Manages read state internally.

Line Chart

Recharts line chart on the shadcn ChartContainer: multi-series lines with configurable curve, optional dots, active-dot hover, grid, y-axis, legend, and a theme-aware tooltip. Config-driven colors via --chart tokens.

Actions
A
Amara Okaforamara@northwind.io
ScaleActive$4,820Jan 4, 2026
D
Diego Santosdiego@lumen.app
StarterTrial$0Feb 18, 2026
P
Priya Nairpriya@vertex.co
GrowthActive$2,140Nov 22, 2025
T
Tom Fischertom@basecamp.dev
StarterChurned$380Aug 9, 2025
L
Lena Björklena@aurora.se
ScaleActive$6,390Mar 2, 2026
M
Marcus Reedmarcus@hexa.io
StarterTrial$0Feb 27, 2026

8 row(s)

Page 1 of 2

Data Table

Client-side data-table engine: column-driven config with custom cell renderers, sortable headers, keyword search, row selection, per-row action menus, and pagination. Owns all state; blocks pass columns + rows as data.

January 2026

Sun
Mon
Tue
Wed
Thu
Fri
Sat

Calendar Month

A month grid with selectable days, a today marker, colored event dots per day, and prev/next month controls. Data-driven (weekStart + daysInMonth) so it renders deterministically; controlled or self-managed selection.

Bar Chart

Recharts bar chart on the shadcn ChartContainer: grouped or stacked multi-series bars with rounded corners, optional grid, y-axis, legend, and a dashed-indicator tooltip. Config-driven colors via --chart tokens.

Area Chart

Recharts area chart on the shadcn ChartContainer: multi-series with per-series gradient fills, optional stacking, grid, y-axis, legend, and a theme-aware tooltip. Config-driven colors via --chart tokens.

Soft Action Button

A compact, softly rounded action button with a solid accent, soft neutral, or hairline outline tone and an optional trailing icon.

Product

Mono Eyebrow Badge

A hairline, softly rounded eyebrow pill with an uppercase, letter-spaced monospace label for section kickers.

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.

Markdown version