Skip to content
Aback UI
v0.157 components and 16 blocks, open source

The building blocks behind better applications.

Accessible React components and design tokens, installed by your own CLI as source you own, or imported from npm. Built for Aback products, engineered for reuse, released for everyone.

Get startedBrowse components
npx aback-ui@latest add button
  • React 19
  • Tailwind CSS v4
  • Radix UI
  • Your own CLI: aback-ui
  • MIT licensed

Components

Real components with working state.

Every card is the shipped source. Type in the fields, flip the switches, pick a date, drop a file. Nothing here is a screenshot.

View all 57 components

Workspace

Shown to everyone you invite.

Every Monday at 09:00.

Sign-ins and permission changes.

FieldSwitchButton

Deployed to production

Build 1.4.2 is live in every region.
OperationalDegradedOutageDraft

AlertBadge

API key

Example value, not a real credential.

abk_test_4f9c2e1a7b

Copy Button

This week

Example data
Launches
32
+8 vs last week
Founders
802
Same as last week
Page views
961
-4% vs previous 30 days
Last 30 days

Stat

Get set up

  1. Completed: Create a workspace

    Name it and choose a data region.

  2. Current step: Invite your team

    Members get a sign-in link by email.

  3. Not started: Connect a domain

    Point a CNAME record at your workspace.

Steps

Launch date

Nov 12, 2026

November 2026

Calendar

Team plan

$10per seat, billed yearly

Most popularSave 17%Example pricing

Toggle GroupBadge

Rate this release

Choose a star, or use the arrow keys.

ARBKCWand 5 more
8 reviewers

RatingAvatar

Attachments

Dropzone

Blocks

Whole sections, ready to own.

Headers, pricing, sign-in, dashboards, tables, and FAQs assembled from the same components. Each one installs with its dependencies declared.

Browse all 16 blocks

Principles

A design system that earns its place.

Every component solves a repeated interface problem, every example works, and every copied file is safe to own.

  • Accessible by default

    Semantic HTML, Radix primitives for complex widgets, visible focus, and keyboard behavior covered by tests.

  • Source you own

    One command copies the canonical file into your project. Edit it and keep it. There is no runtime to adopt.

  • Tokens with intent

    Neutral ink actions, Aback Blue as a signal, and one set of semantic variables for light and dark.

  • Square by design

    Zero radius, one-pixel hairlines, and depth from borders before shadow. A precise instrument.

Get started

Three steps to your first component.

No signup, no account, and no runtime dependency on Aback. The CLI carries every component, and the source lands in your project and stays there.

Read the installation guideUse the npm package

  1. Set up the project once

    npx aback-ui@latest init

  2. Add a component

    npx aback-ui@latest add button

  3. Import it and make it yours

    app/page.tsxtsx
    import { Button } from "@/components/ui/button";

export default function Page() {
  return <Button>Save changes</Button>;
}

In production

Shaped by real Aback products.

The system codifies what these interfaces needed under real forms, dense data, long content, and narrow screens.

See what ships where

Start with one component.

Read the docs, copy the source, and make it yours.

Get startedCLI reference