Components(157)

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

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.

Atlas Field Watch-22%

Atlas Field Watch

4.8
$249$320

Product Card

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

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

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

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

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

Ship in minutes

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

Learn more

Spotlight Feature Card

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

Editorial CTA Button

An editorial pill button with a rolling label and animated icon seal on hover.

Category

42
24
10
8
38
12

Tree Filter

Hierarchical checkbox tree for nested categories with expand/collapse rows. Checking a parent checks its whole subtree, and partially selected parents turn indeterminate.

Deals

Toggle Filter

Switch rows for boolean product flags like on-sale or in-stock. Multi-select, works controlled or uncontrolled.

Color

Color Swatch Filter

Multi-select color circles for color filtering. Each option paints its own CSS color and stays accessible via screen-reader labels.

Price

$25$180

Range Slider Filter

Two-thumb range slider with live numeric readouts and a commit callback, built for price ranges.

Category

Select Filter

Single-select dropdown for long option lists that would crowd a sidebar. Supports a clear item, result counts, and a disabled state for dependent filters.

Gender

Segmented Filter

Single-select segmented control built on Tabs for mutually exclusive choices like gender or condition. Clicking the active segment clears the selection.

Search

Search Filter

Text search input with a leading icon for keyword filtering. Debounce in the consumer if you fetch on change.

Rating

Rating Filter

Star rows for minimum-rating filtering in the familiar n-and-up pattern. Clicking the active row clears the selection.

Price

to

Min/Max Range Filter

Paired number inputs for open-ended ranges: either side can stay empty, so users can filter by only a minimum or only a maximum.

Fit

32
14
21

Radio Filter

Single-select radio list with optional result counts. Clicking the active option clears the selection, so the filter is always escapable.

Size

Multiselect Filter

Dropdown with checkbox rows and a selection-count badge. Keeps many-option filters compact in toolbars where a checkbox list would not fit.

Markdown version