@abui

Personal shadcn-compatible registry by Antonio Brandao conforming to Vercel's components.build specification. Includes blocks (Timeline/Gantt, Availability Calendar, Scroll Reveal, Animated Chart), components (Breakpoint Display, Radio Tabs, Radio Rows, Color Swatch Selector, Label Selector, Spinner, Scroll Progress, Text Gradient, Accordion Multiselect, Timeline Steps, Table of Contents), and utility CSS helpers (Orientation Media Queries, Extra Breakpoints, Debug Utils). Free, open-source. Use for: projects that need Gantt-style timelines, scroll-progress indicators, or composable selector patterns not covered by core shadcn/ui.

20 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://abui.io/r/registry.json

pnpm pnpm dlx shadcn@latest add https://abui.io/r/registry.json

bun bunx shadcn@latest add https://abui.io/r/registry.json

fetch registry curl -s https://abui.io/r/registry.json

Components

20 total

design-system style

npx shadcn@latest add https://abui.io/r/design-system.json

Orientation Media Queries style

A set of device orientation media queries.

npx shadcn@latest add https://abui.io/r/orientation-media-queries.json

Extra Breakpoints style

Adds XS, XXS and 3XL breakpoints.

npx shadcn@latest add https://abui.io/r/extra-breakpoints.json

Debug Utils style

A set of debug utility classes.

npx shadcn@latest add https://abui.io/r/debug-utils.json

Breakpoint Display component

A breakpoint display component.

npx shadcn@latest add https://abui.io/r/breakpoint-display.json

Radio Tabs component

A radio tabs component.

npx shadcn@latest add https://abui.io/r/radio-tabs.json

Radio Rows component

A radio rows component.

npx shadcn@latest add https://abui.io/r/radio-rows.json

Color Swatch Selector component

A color swatch selector component.

npx shadcn@latest add https://abui.io/r/color-swatch-selector.json

Label Selector component

A text label selector component for sizes, variants, and other text-based options.

npx shadcn@latest add https://abui.io/r/label-selector.json

Spinner component

A customizable loading spinner component with size, speed, and color variants.

npx shadcn@latest add https://abui.io/r/spinner.json

Scroll Progress component

A scroll progress indicator that shows reading progress as a horizontal bar at the top or bottom of the viewport.

npx shadcn@latest add https://abui.io/r/scroll-progress.json

Text Gradient component

A text gradient effect component.

npx shadcn@latest add https://abui.io/r/text-gradient.json

Timeline block

A Gantt-chart style timeline with draggable time slots.

npx shadcn@latest add https://abui.io/r/timeline.json

Availability block

A weekly availability designer with draggable and resizable time slots.

npx shadcn@latest add https://abui.io/r/availability.json

Calendar Year block

A calendar year component.

npx shadcn@latest add https://abui.io/r/calendar-year.json

Accordion Multiselect component

An accordion multiselect component with categories and services.

npx shadcn@latest add https://abui.io/r/accordion-multiselect.json

Scroll Reveal Content A block

A block that shows 3 parts of content with a specific image for each part, and a fancy line grow expand during scroll.

npx shadcn@latest add https://abui.io/r/scroll-reveal-content-a.json

Timeline Steps component

A component for displaying chronological events, activities, or steps

npx shadcn@latest add https://abui.io/r/timeline-steps.json

Table of Contents component

A table of contents component with active anchor tracking and depth-aware line styling. Features two variants: default (straight line) and clerk (depth-respons…

npx shadcn@latest add https://abui.io/r/toc.json

Animated Chart block

An animated column chart with spring physics, viewport-triggered animations, and support for dynamic data transitions.

npx shadcn@latest add https://abui.io/r/animated-chart.json