core-ui

Components

Every item in the registry, rendered live. Copy the install command beneath any preview to pull it into a project.

UI

8 items

button

A button with variant and size styles

bunx --bun shadcn@latest add @arcarolabs/button

input

A styled text input element

bunx --bun shadcn@latest add @arcarolabs/input

skeleton

A placeholder shimmer used while content is loading

bunx --bun shadcn@latest add @arcarolabs/skeleton

separator

A visual divider between content, built on Base UI

core-ui

Arcaro Lab's component registry.

BlocksTypographyHooks
bunx --bun shadcn@latest add @arcarolabs/separator

tooltip

A hover-triggered tooltip, built on Base UI

bunx --bun shadcn@latest add @arcarolabs/tooltip

sheet

A dialog that slides in from the edge of the screen, built on Base UI

bunx --bun shadcn@latest add @arcarolabs/sheet

Pulls in button

Typography

7 items

blockquote

A styled blockquote text element

Design is not just what it looks like. Design is how it works.
bunx --bun shadcn@latest add @arcarolabs/blockquote

h1

A styled level-1 heading element

The quick brown fox

bunx --bun shadcn@latest add @arcarolabs/h1

h2

A styled level-2 heading element

The quick brown fox

bunx --bun shadcn@latest add @arcarolabs/h2

h3

A styled level-3 heading element

The quick brown fox

bunx --bun shadcn@latest add @arcarolabs/h3

h4

A styled level-4 heading element

The quick brown fox

bunx --bun shadcn@latest add @arcarolabs/h4

h5

A styled level-5 heading element

The quick brown fox
bunx --bun shadcn@latest add @arcarolabs/h5

p

A styled paragraph text element

Components live in this repo, are built into registry items with the shadcn CLI, and are served from a private registry. The source is copied into the consuming app, so it stays editable there.

bunx --bun shadcn@latest add @arcarolabs/p

Blocks

7 items

center

A layout primitive that centers content within a max-width container

Centred inside a max-w-7xl track. The dashed edge is the outer bound.
bunx --bun shadcn@latest add @arcarolabs/center

container

A bordered card-like container with padding and a raised inner panel

Container

A raised inner panel inside a bordered shell — useful for auth cards and dialogs.

bunx --bun shadcn@latest add @arcarolabs/container

marquee

An infinitely scrolling marquee for showcasing content horizontally or vertically

Arcaro Lab
Core UI
Base UI
Motion
Tailwind
Next.js
Arcaro Lab
Core UI
Base UI
Motion
Tailwind
Next.js
Arcaro Lab
Core UI
Base UI
Motion
Tailwind
Next.js
Arcaro Lab
Core UI
Base UI
Motion
Tailwind
Next.js
Arcaro Lab
Core UI
Base UI
Motion
Tailwind
Next.js
Arcaro Lab
Core UI
Base UI
Motion
Tailwind
Next.js
Arcaro Lab
Core UI
Base UI
Motion
Tailwind
Next.js
Arcaro Lab
Core UI
Base UI
Motion
Tailwind
Next.js
bunx --bun shadcn@latest add @arcarolabs/marquee

safari

A Safari browser window mockup for displaying screenshots or videos

registry.arcarolabs.com
bunx --bun shadcn@latest add @arcarolabs/safari

show

An accordion-style expanding panel gallery with images and labels

bunx --bun shadcn@latest add @arcarolabs/show

Pulls in p

feature

Collection of components to build a feature section

•

Registry

Ship a shared design system

Components are copied into the consuming app, so teams stay free to adapt them without forking a package.

•

Composable

Built on Base UI

Accessible primitives with unstyled behaviour, themed with Tailwind tokens.

•

Versioned

One source of truth

Every item is declared in registry.json and served as static JSON.

bunx --bun shadcn@latest add @arcarolabs/feature

Pulls in center, dot, p, h3

Backgrounds

4 items

dot-pattern

An animated or static dot grid background pattern with optional glow effect

glow
bunx --bun shadcn@latest add @arcarolabs/dot-pattern

grid-pattern

A repeating grid line background pattern with optional highlighted squares

squares + dashed stroke
bunx --bun shadcn@latest add @arcarolabs/grid-pattern

hexagon-pattern

A repeating honeycomb background pattern with optional highlighted hexagons

honeycomb
bunx --bun shadcn@latest add @arcarolabs/hexagon-pattern

striped-pattern

A repeating diagonal stripe background pattern

diagonal
bunx --bun shadcn@latest add @arcarolabs/striped-pattern

Animation

2 items

appear

A motion component that fades into the viewport when scrolled upon

Fades up on scroll — delay 0s
Fades up on scroll — delay 0.15s
Fades up on scroll — delay 0.3s

Respects prefers-reduced-motion.

bunx --bun shadcn@latest add @arcarolabs/appear

word-rotate

A component that animates through a list of words with a rotating transition

Build

faster

bunx --bun shadcn@latest add @arcarolabs/word-rotate

Dashboard

1 item

item

A dashboard block container

Total components
Weekly installs
bunx --bun shadcn@latest add @arcarolabs/item

Pulls in h5

Misc

1 item

dot

Middle dot

Registry

•

Components

•

Blocks
bunx --bun shadcn@latest add @arcarolabs/dot

Pulls in p

Hooks

1 item

use-mobile

A hook that tracks whether the viewport is below the mobile breakpoint

const isMobile = useIsMobile()

Returns truebelow the 768px breakpoint. Powers the sidebar's switch to a sheet on small screens.

bunx --bun shadcn@latest add @arcarolabs/use-mobile