Manicat UI
Open sourceMITshadcn CLI

Components that move like they mean it.

Free, open source React components and blocks with calm motion. Install with the shadcn CLI or copy the code. Built on Motion, typed end to end, and yours to edit: every file lands in your codebase.

Get startedBrowse 106 components
npx shadcn@latest add https://manicat.viraza.net/r/button.json129 items · 22 blocks

Live, right here on this page

Actions17

Buttons · Gestures · Menus · Theme

Inputs33

Text fields · Special inputs · Selects · Toggles · Sliders · Pickers · Editors

Disclosure13

Navigation · Expand · Overlays

Feedback8

Messages · Progress

Data30

Avatars · Cards · Charts · Tables · Activity · Media

Text4

Text effects

Special1

Type

22 blocks, ready to drop in

Full sections composed from components. Installing one pulls everything it needs.

All blocks →
Page headerA project page header that folds into a compact bar as you scroll, with tabs whose counts roll.Command paletteA complete keyboard driven action surface with search, grouped results, and shortcuts.Notification centerA home for updates with read state, grouped information, and animated disclosure.Empty statesFour empty states in one illustration whose shapes morph between scenes as you switch tabs.Sign up formAn account creation flow with field validation, password strength, and a clear completion state.Sign inA sign in card that morphs from email to a six digit code to your account.

Featured components

A few to start with. Each page carries a live preview, the source and a generated API table.

All components →
ButtonA clear, responsive action with quiet secondary states.Segmented controlSwitch between a small set of related views.Theme switcherFour smooth ways to move between light and dark appearance.BadgeA small label for status, category, or metadata.

Yours to edit

Files land in your project through the shadcn CLI. No runtime dependency, no wrapper you can't read.

Typed from source

Every API table on this site is parsed from the component itself, so it can never drift from the code.

Motion with restraint

Spring presets, reduced-motion fallbacks and shared timing tokens keep the whole UI in step.