ericts/ui Registry

Overview

ericts/ui is a motion-focused, shadcn-compatible registry of components, hooks and blocks for React. The code installs into the project, so every part can be changed. The registry has 45 components, 7 hooks and 7 blocks, built on shadcn/ui, Base UI, Motion and Tailwind CSS.

Components are grouped by role, and the motion in each is meant to communicate state, such as buttons whose animation reports what the action is doing or display elements where motion carries the change.

Features

• Actions: Copy, like, like burst, status, download, expandable toggle, play, sliding play and seek buttons.
• Form controls: Filter tags, expandable subscribe, OTP input, floating select, adaptive switch and expandable slider.
• Tabs and navigation: Nav link, highlight tabs, sliding list, rail list, expandable segmented tabs, expandable tabs and navigation menu with roving focus.
• Overlays: Expandable panel, expandable dialog, adaptive drawer, feedback popover, floating shortcut button and arc menu.
• Display and layout: Status badge, ring HUD, check mark, timer, text morph, smooth height, multi-step flow and expandable toolbar.
• Motion primitives: Icon swap, jitter, squeeze, heartbeat, projected shadow, staggered entrance and context cursor.
• Hooks: useReducedMotion, useElementHeight, useElementSizeMap, useScrollAnchor, useScrollProgress, useSwipeNavigation and useSequencePlayer.

Tech stack

• React, shadcn/ui, Base UI, Tailwind CSS
• Motion, lucide-react

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @ericts/component-name