shadcn-extras
nayanrdeveloper.github.ioFreerepo only
Beautiful, animated Shadcn UI extras – ready to drop into your project.
Items
33
2026-08-03Every entry in its own registry.json, counted last night.Free to install
33
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
15 days ago
0 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Animated Image Gridanimated-image-grid | A fluid CSS grid that beautifully reflows items when they are added or removed. | Components | Free | no deps · 3 files | |
| Blog Card Fourblog-card-four | Top rounded cover image with an attached white info panel. Variants: attached or flush. | Components | Free | 1 dep | |
| Blog Card Oneblog-card-one | Blog/article card with image, category chip, actions, and author meta. Variants: image-left, image-top. | Components | Free | no deps | |
| Blog Card Threeblog-card-three | Minimal blog card with small rounded thumbnail and meta. Variants: thumbnail left or right. | Components | Free | 1 dep | |
| Blog Card Twoblog-card-two | Full-bleed image blog card with gradient overlay, pinned meta and actions. | Components | Free | 1 dep | |
| Bulb Iconbulb-icon | Animated lightbulb icon with pulse and flash effects. | Components | Free | 2 deps | |
| Chevron Stepschevron-steps | Arrowed step progress bar with clickable segments. | Components | Free | no deps | |
| Circular Gallerycircular-gallery | A 3D circular fan-out image gallery. | Components | Free | no deps · 3 files | |
| Clock Iconclock-icon | Animated clock icon with swing and shake effects. | Components | Free | 2 deps | |
| Concentric Rings Spinnerconcentric-rings-spinner | Dotted rings spinner (SVG). Customizable rings, dots, gap, taper, speed, and direction. | Components | Free | no deps | |
| Day Rangeday-range | A component to visualize a current value between a low and high range. | Components | Free | 1 dep | |
| Enlarge Galleryenlarge-gallery | A cinematic, full-screen image gallery with expanding thumbnails. | Components | Free | 1 dep · 3 files | |
| Grid Newspapergrid-newspaper | An advanced CSS Grid-based vintage newspaper layout component. | Components | Free | no deps · 3 files | |
| Hexagon Gridhexagon-grid | An interlocking hexagon grid gallery. | Components | Free | no deps · 3 files | |
| Holographic Cardholographic-card | A 3D floating card with holographic gradients and glitch text. | Components | Free | no deps · 3 files | |
| Infinite Parallax Galleryinfinite-parallax-gallery | An interactive, WebGL-powered 3D infinite parallax gallery. | Components | Free | 1 dep · 2 files | |
| Kpi Cardkpi-card | Compact metric card with tone, delta and trend indicator. | Components | Free | 1 dep | |
| Leaderboard Cardleaderboard-card | Profile score card with avatar, crown/rank badge, amount pill and progress bar. | Components | Free | 1 dep | |
| Money Iconmoney-icon | Animated banknote icon with bounce and flip effects. | Components | Free | 2 deps | |
| Newspapernewspaper | A responsive, flex-based vintage newspaper layout component. | Components | Free | no deps · 3 files | |
| Phone Iconphone-icon | Animated phone icon with ringing effect. | Components | Free | 2 deps | |
| Pricing Card Onepricing-card-one | Pricing card with icon, price, features, and CTA. | Components | Free | no deps | |
| Pricing Card Twopricing-card-two | Outlined pricing card with colored frame, icon, price and feature list. | Components | Free | no deps | |
| Radial Dots Spinnerradial-dots-spinner | Animated dotted spinner (SVG). Customizable spokes, rings, size and speed. | Components | Free | no deps | |
| Refresh Iconrefresh-icon | Animated refresh/sync icon with spin and pulse effects. | Components | Free | 2 deps | |
| Rocket Iconrocket-icon | Animated rocket icon with launch effect. | Components | Free | 2 deps | |
| Shimmershimmer | Shimmer/skeleton loading components: line, avatar, card, rect, list. | Components | Free | 1 dep | |
| Spinner Sequential Pulsespinner-sequential-pulse | A sequential pulsing spinner with animated dots arranged in a circle. | Components | Free | 1 dep | |
| Testimonialtestimonial | Animated testimonial carousel with data or custom node slides. Autoplay, arrows, dots, keyboard. | Components | Free | 2 deps | |
| Testimonial Cardtestimonial-card | A speech-bubble style testimonial card with an avatar placed below. | Components | Free | 1 dep | |
| Text Circle Scrolltext-circle-scroll | Circular text/nodes that rotate with scroll and/or auto-spin. | Components | Free | 1 dep | |
| Timeline Railtimeline-rail | Horizontal timeline with dots, labels and captions. | Components | Free | no deps | |
| Truck Icontruck-icon | Animated truck icon with drive and bounce effects. | Components | Free | 2 deps |
