ActiveAnimated components5
@corsair-ui
Animated components · MIT · data updated 2026-10-10
Copy-and-own React components for Tailwind CSS 3 and 4: forms, overlays, site chrome, motion, animated text and backgrounds.
animationauthbackgroundsblocksbuttonscardschartsdashboardformshooksloadersmedianavigationoverlaystablestext-effectstheming
Install
npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/registry.jsonHealth
StatusActive
Last commit3 days ago
LicenseMIT
Open issues3
ArchivedNo
Stars5
Components (145)
themetheme-bluetheme-violettheme-rosetheme-emeraldtheme-amberutilsspotify-trackuse-media-queryuse-in-viewuse-entranceuse-scroll-spybuttonspinnerbadgelabelinputtextareainput-groupfieldformcheckboxradio-groupswitchselectseparatorcardflip-cardstampalertskeletonpopovercommandcalendardate-pickercomboboxinput-otpslidertoggletoggle-groupsegmented-controlnumber-inputpassword-inputtooltiprevealtext-revealmagneticparallaxtilt-scrollspotlightanimated-borderaurorasignaturepath-beamcopy-buttondash-buttoncolor-swatchesbars-spinnershimmer-textblur-text
Components: theme, theme-blue, theme-violet, theme-rose, theme-emerald, theme-amber, utils, spotify-track, use-media-query, use-in-view, use-entrance, use-scroll-spy, button, spinner, badge, label, input, textarea, input-group, field, form, checkbox, radio-group, switch, select, separator, card, flip-card, stamp, alert, skeleton, popover, command, calendar, date-picker, combobox, input-otp, slider, toggle, toggle-group, segmented-control, number-input, password-input, tooltip, reveal, text-reveal, magnetic, parallax, tilt-scroll, spotlight, animated-border, aurora, signature, path-beam, copy-button, dash-button, color-swatches, bars-spinner, shimmer-text, blur-text, slide-text, flip-text, split-flap, dissolve-text, highlight-text, scramble-text, wave-text, text-signature, marquee, line-chart, qr-code, tweet-card, spotify-card, light-rays, warp-gradient, dialog, alert-dialog, sheet, toast, nav-link, site-header, dock, tabs, avatar, rating, wave-rating, stat, number-ticker, code-block, corner-frame, phone-frame, browser-frame, youtube-embed, carousel, preloader, custom-cursor, scroll-progress, scroll-background, scroll-scene, wipe-transition, smooth-scroll, grain, hover-reveal, particles, topography, roll-text, dropdown-menu, context-menu, navigation-menu, hover-card, accordion, collapsible, progress, scroll-area, breadcrumb, pagination, table, sidebar, drawer, data-table, dropzone, kbd, empty-state, stepper, timeline, resizable, bar-chart, area-chart, donut-chart, hero, feature-grid, stats, logo-cloud, cta, pricing, faq, testimonials, contact-form, newsletter, site-footer, login-form, signup-form, not-found, dashboard, settingsPreview
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.
@corsair-ui · theme
npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/theme.jsonView source