ActiveAnimated components0
@bevel
Animated components · MIT · data updated 2026-10-20
Tactile, skeuomorphic React components for real product work: guarded switches, annunciators, motorized faders, split-flap boards. Base UI and Tailwind CSS v4.
aianimationbuttonscardschartscryptomediaoverlayspaymentsretrotheming
Install
npx shadcn@latest add https://bevel-ui.vercel.app/r/registry.jsonHealth
StatusActive
Last committoday
LicenseMIT
Open issues0
ArchivedNo
Stars0
Components (41)
beveltheme-transitionwalletpayment-cardamountnumber-wheelmeterstampreceiptticket-sheetdialbreakerledgerkeycardname-tagcitationtask-planactivity-logapprovaldelegation-boardredlineredactionguarded-switchvigilancelockouttake-a-numberengine-telegraphannunciatordetent-knobpush-to-talkmotorized-fadermixer-stripkeysort-filtervisible-filecontact-sheetsplit-flapdue-date-slipagent-consolebilling-deskrelease-hallreview-desk
Components: bevel, theme-transition, wallet, payment-card, amount, number-wheel, meter, stamp, receipt, ticket-sheet, dial, breaker, ledger, keycard, name-tag, citation, task-plan, activity-log, approval, delegation-board, redline, redaction, guarded-switch, vigilance, lockout, take-a-number, engine-telegraph, annunciator, detent-knob, push-to-talk, motorized-fader, mixer-strip, keysort-filter, visible-file, contact-sheet, split-flap, due-date-slip, agent-console, billing-desk, release-hall, review-deskPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.