Catalogue
Components
Small, composable pieces with real keyboard behavior, documented APIs, and no product logic. Install the source and own it.
57 components8 categories24 stable
57 components
Foundation
6 components- BadgeCompact labels for status, counts, and categories, with soft status variants and an optional dot.StableUsed in Aback Tools, Aback Launch, Aback Group
- ButtonThe primary action, with ink, brand, outline, ghost, and destructive variants.StableUsed in Aback Tools, Aback Launch, Aback Group
- CardA bordered surface for grouping related content and actions.StableUsed in Aback Tools, Aback Launch, Aback Group
- Copy ButtonCopies a value and confirms it in place, with an announced result and a failure state.BetaUsed in Aback Tools, Aback Launch
- KbdA keycap for documenting shortcuts.StableUsed in Aback Tools, Aback Launch
- SeparatorA one-pixel rule for page chrome and grouped content.StableUsed in Aback Launch, Aback Group
Layout
2 componentsForms
15 components- CheckboxA tri-state checkbox with label support and visible focus.StableUsed in Aback Tools, Aback Launch
- ComboboxA searchable single-select field built on Popover and Command.BetaNew shared pattern
- Date PickerA date field and a range field, with real keyboard behavior and native form support.BetaNew shared pattern
- DropzoneA keyboard-operable drag-and-drop file area that validates type, size, and count.BetaUsed in Aback Tools
- FieldA form field frame that wires labels, help text, and errors.StableNew shared pattern
- InputA single-line text control aligned to the 36px control grid.StableUsed in Aback Tools, Aback Launch
- Input GroupJoins an input with units, prefixes, icons, or a compact button inside one 36px frame.BetaUsed in Aback Tools, Aback Launch
- LabelAn accessible form label with peer-disabled styling.StableUsed in Aback Tools, Aback Launch
- Radio GroupMutually exclusive choices with arrow-key selection and a visible label.BetaNew shared pattern
- RatingA star rating built on native radios, with a read-only display for averages.BetaUsed in Aback Tools, Aback Launch
- SelectA native select with a themed chevron and 36px height.StableUsed in Aback Tools, Aback Launch
- SliderA single-value range control with keyboard support and a square thumb.BetaNew shared pattern
- SwitchA binary toggle with switch semantics.StableUsed in Aback Tools, Aback Launch
- TextareaA multi-line text control for longer input.StableUsed in Aback Tools, Aback Launch
- Toggle GroupA set of related toggles with shared styling and keyboard behavior.BetaNew shared pattern
Feedback
6 components- AlertInline status messages for information, success, warning, and destructive feedback.StableUsed in Aback Launch
- ProgressA determinate or indeterminate bar for work that takes time.BetaNew shared pattern
- Reading ProgressA decorative bar that fills as the reader moves through an article.BetaUsed in Aback Tools, Aback Launch
- SkeletonA loading placeholder that preserves layout.StableUsed in Aback Launch
- SpinnerA loading indicator with a screen-reader label.StableUsed in Aback Tools, Aback Launch
- ToastTransient status messages with actions, themed by the Aback tokens.BetaNew shared pattern
Overlays
8 components- Alert DialogA modal that requires an explicit response before an irreversible action runs.BetaNew shared pattern
- CommandA keyboard-first command palette with filtering, groups, and shortcuts.BetaUsed in Aback Launch, Aback Group
- DialogA modal dialog with focus trapping, Escape dismissal, and focus return.StableUsed in Aback Launch, Aback Group
- Dropdown MenuA keyboard-navigable action menu with checkbox and radio items.StableUsed in Aback Launch, Aback Group
- Hover CardA short profile or context card shown on hover and keyboard focus.BetaNew shared pattern
- PopoverA floating panel anchored to a trigger, for filters and compact detail.BetaNew shared pattern
- SheetA modal panel that slides in from an edge for settings and filters.BetaUsed in Aback Tools, Aback Launch, Aback Group
- TooltipA short label for icon-only or ambiguous controls.StableNew shared pattern
Navigation
7 components- AccordionDisclosure sections for FAQs and grouped settings, with full keyboard support.StableUsed in Aback Tools
- BreadcrumbsA hierarchical trail back to parent pages with current-page semantics.StableUsed in Aback Tools, Aback Launch
- CollapsibleA single disclosure region for optional or advanced content.BetaNew shared pattern
- PaginationPage controls with a current-page marker, collapsing ranges, and link mode.BetaNew shared pattern
- Skip LinkThe first focusable element, which jumps keyboard users past the header to the content.BetaUsed in Aback Tools, Aback Launch, Aback Group
- Table of ContentsAn "On this page" list of anchors that tracks the section in view.BetaUsed in Aback Tools, Aback Launch
- TabsSwitch between related panels with arrow-key navigation.StableNew shared pattern
Data Display
8 components- AvatarA square identity chip with an initials fallback, and an overlapping group with a counted overflow.BetaUsed in Aback Launch
- CalendarA square-cornered month grid with single, multiple, and range selection.BetaNew shared pattern
- Code BlockA captioned, scrollable code sample with a copy button and optional line numbers.BetaUsed in Aback Tools
- Description ListKey and value rows for metadata, breakdowns, and totals, as a real description list.BetaUsed in Aback Tools
- Relative TimeA hydration-safe "3 hours ago" timestamp, localized by Intl and refreshed on one shared clock.BetaUsed in Aback Tools, Aback Launch
- StatA labelled number with unit, trend, hint, and tone, plus a responsive grid.BetaUsed in Aback Tools, Aback Launch
- StepsAn ordered sequence with complete, current, and upcoming states for onboarding and how-it-works sections.BetaUsed in Aback Launch
- TableSemantic table primitives for dense data.StableUsed in Aback Launch
Application
5 components- Empty StateA clear zero-data state with an optional action.StableUsed in Aback Tools, Aback Launch
- Page HeaderThe page title block with one H1, a description, and actions.StableUsed in Aback Tools, Aback Launch
- Section HeadingThe eyebrow, title, description, and action that open a page section.BetaUsed in Aback Tools, Aback Launch, Aback Group
- Share ButtonsShare links for X, LinkedIn, and more, with copy link and the native share sheet.BetaUsed in Aback Tools, Aback Launch
- Theme ToggleA light and dark switch, a useTheme hook, and a no-flash theme script.BetaUsed in Aback Tools, Aback Launch, Aback Group
Looking for a block?
Blocks are complete patterns built from these components: headers, pricing, FAQ, sign-in, settings, and more. Each installs with every component it uses.