@gammaui
A shadcn-compatible registry of ~27 production-ready animated components and interactive blocks for landing pages and SaaS UIs, built with React, Tailwind CSS v4, and Motion (Framer Motion). Includes Logo Cloud, Animated List, Pricing Interaction, Wavy Text Block, Magnetize Button, Logo Timeline/Loop, Activity Dropdown, Cloud Flow, CPU Architecture, Location Map, 3D Folder, Usage Card, and more. Free and MIT-licensed. Use for: adding polished micro-interactions and motion-rich marketing UI elements to landing pages and product sites.
Install this registry
npx shadcn@latest add https://www.gammaui.com/r/registry.json pnpm dlx shadcn@latest add https://www.gammaui.com/r/registry.json bunx shadcn@latest add https://www.gammaui.com/r/registry.json curl -s https://www.gammaui.com/r/registry.json Components
60 totalnpx shadcn@latest add https://www.gammaui.com/r/index.json An animated data ingestion visualization with flowing SVG paths, pulsing gradient beams, and a staggered table reveal using Framer Motion.
npx shadcn@latest add https://www.gammaui.com/r/data-feeding-in.json A shimmering glass tile background with ripple layers, bevel shading, and chromatic spread.
npx shadcn@latest add https://www.gammaui.com/r/aurora-glass.json A customizable live audio waveform visualizer using the Web Audio API.
npx shadcn@latest add https://www.gammaui.com/r/live-waveform.json A collapsible animated support widget for quick help actions using Framer Motion.
npx shadcn@latest add https://www.gammaui.com/r/support-box.json An animated gradient button using Framer Motion with looping motion and spring transitions.
npx shadcn@latest add https://www.gammaui.com/r/overlay-button.json A reactive border animation button that follows cursor movement using Framer Motion and CSS masks.
npx shadcn@latest add https://www.gammaui.com/r/border-button.json A scroll-triggered wavy text animation component that creates flowing motion effects using Framer Motion and scroll context.
npx shadcn@latest add https://www.gammaui.com/r/wavy-text-block.json A smooth, animated custom cursor component with blend mode effects.
npx shadcn@latest add https://www.gammaui.com/r/inverted-cursor.json A pixelated button animation effect built with Tailwind CSS and React.
npx shadcn@latest add https://www.gammaui.com/r/pixel-button.json A mesmerizing plasma shader animation rendered with WebGL, perfect for dynamic backgrounds and previews.
npx shadcn@latest add https://www.gammaui.com/r/plasma.json A dynamic radial orbit animation built with Motion and React, featuring upright spinning image nodes.
npx shadcn@latest add https://www.gammaui.com/r/radial-intro.json A responsive logo grid component supporting dark mode, decorations, and flexible layout.
npx shadcn@latest add https://www.gammaui.com/r/logo-cloud.json A dynamic interactive SVG wave component that responds to pointer movement.
npx shadcn@latest add https://www.gammaui.com/r/wave-path.json A magnetic particle-attraction button built with Framer Motion.
npx shadcn@latest add https://www.gammaui.com/r/magnetize-button.json A rolling hover-animated text component built with Motion One.
npx shadcn@latest add https://www.gammaui.com/r/text-roll.json A modern activity/notification dropdown with smooth animations and responsive motion.
npx shadcn@latest add https://www.gammaui.com/r/activity-dropdown.json A flexible and customizable Badge component for labels, statuses, and indicators.
npx shadcn@latest add https://www.gammaui.com/r/badge.json A dynamic list component with smooth animations that forms a column and scrolls through items continuously.
npx shadcn@latest add https://www.gammaui.com/r/animated-list.json A multi-row infinitely scrolling logo timeline built with Motion One, supporting hover-activated animations and row grouping.
npx shadcn@latest add https://www.gammaui.com/r/logo-timeline.json A looping logo marquee component with horizontal and vertical motion, hover effects, fading edges, and responsive behavior.
npx shadcn@latest add https://www.gammaui.com/r/logo-loop.json An interactive pricing switcher with animated numbers, selectable plans, and monthly/yearly billing modes.
npx shadcn@latest add https://www.gammaui.com/r/pricing-interaction.json An interactive cloud architecture visualization component featuring animated SVG flow paths, glowing data particles, node badges, and a central hub with layere…
npx shadcn@latest add https://www.gammaui.com/r/cloud-flow.json Interactive animated MacBook keyboard component.
npx shadcn@latest add https://www.gammaui.com/r/macbook-keyboard.json A fully animated CPU architecture SVG component with dynamic paths, gradients, and optional CPU connections.
npx shadcn@latest add https://www.gammaui.com/r/cpu-architecture.json Animated ShadCN UI SVG with glowing masked paths, motion shapes, and dynamic shimmering text with customizable props.
npx shadcn@latest add https://www.gammaui.com/r/shadcn-ui.json An interactive 3D-tilting location card with expandable animated map, live indicator, and motion-based hover effects.
npx shadcn@latest add https://www.gammaui.com/r/location-map.json A 3D animated folder component that reveals project cards on hover and expands into a smooth image lightbox with keyboard navigation.
npx shadcn@latest add https://www.gammaui.com/r/3d-folder.json An animated system monitor card that displays a title, percentage, and neon-lit pill indicators driven by Motion.
npx shadcn@latest add https://www.gammaui.com/r/usage-card.json A dark voxel tunnel with volumetric light rays, drifting cubes, and mouse-driven camera parallax.
npx shadcn@latest add https://www.gammaui.com/r/voxel-wall.json An animated data ingestion visualization with flowing SVG paths, pulsing gradient beams, and a staggered table reveal using Framer Motion.
npx shadcn@latest add https://www.gammaui.com/r/data-feeding-in-demo.json A shimmering glass tile background with ripple layers, bevel shading, and chromatic spread.
npx shadcn@latest add https://www.gammaui.com/r/aurora-glass-demo.json A customizable live audio waveform visualizer using the Web Audio API.
npx shadcn@latest add https://www.gammaui.com/r/live-waveform-demo.json An expandable and animated support widget with quick help actions using Framer Motion.
npx shadcn@latest add https://www.gammaui.com/r/support-box-demo.json A looping animated gradient button using Framer Motion’s spring transitions for smooth motion effects.
npx shadcn@latest add https://www.gammaui.com/r/overlay-button-demo.json An interactive button that animates its border dynamically based on cursor position using Framer Motion.
npx shadcn@latest add https://www.gammaui.com/r/border-button-demo.json An example demonstrating the Wavy Block scroll-triggered animation with multiple text lines.
npx shadcn@latest add https://www.gammaui.com/r/wavy-text-block-demo.json A smooth, animated custom cursor component with blend mode effects.
npx shadcn@latest add https://www.gammaui.com/r/inverted-cursor-demo.json A pixelated button animation effect built with Tailwind CSS and React.
npx shadcn@latest add https://www.gammaui.com/r/pixel-button-demo.json A mesmerizing plasma shader animation rendered with WebGL, perfect for dynamic backgrounds and previews.
npx shadcn@latest add https://www.gammaui.com/r/plasma-demo.json A rotating radial orbit animation demo showcasing spinning profile images.
npx shadcn@latest add https://www.gammaui.com/r/radial-intro-demo.json A responsive logo grid demo showcasing brand logos with optional plus icons.
npx shadcn@latest add https://www.gammaui.com/r/logo-cloud-demo.json An interactive SVG wave animation that reacts to cursor movement.
npx shadcn@latest add https://www.gammaui.com/r/wave-path-demo.json An interactive demo showcasing the Magnetize Button component with particle attraction effects.
npx shadcn@latest add https://www.gammaui.com/r/magnetize-button-demo.json An interactive demo showcasing the TextRoll hover animation component.
npx shadcn@latest add https://www.gammaui.com/r/text-roll-demo.json A demo showcasing the animated ActivityDropdown component with staggered item reveal.
npx shadcn@latest add https://www.gammaui.com/r/activity-dropdown-demo.json A demo showcasing the GammaUI Badge component with customizable colors, sizes, and variants.
npx shadcn@latest add https://www.gammaui.com/r/badge-demo.json A demo showcasing the Animated List component with smooth formation and scrolling animations.
npx shadcn@latest add https://www.gammaui.com/r/animated-list-demo.json A demo showcasing the animated multi-row Logo Timeline component with infinite scrolling and staggered item motion.
npx shadcn@latest add https://www.gammaui.com/r/logo-timeline-demo.json A demo showcasing the animated multi-row Logo Timeline component with infinite scrolling and staggered item motion.
npx shadcn@latest add https://www.gammaui.com/r/logo-timeline-demo-2.json A looping logo marquee component with horizontal and vertical motion, hover effects, fading edges, and responsive behavior.
npx shadcn@latest add https://www.gammaui.com/r/logo-loop-demo.json An interactive pricing switcher with animated numbers, selectable plans, and monthly/yearly billing modes.
npx shadcn@latest add https://www.gammaui.com/r/pricing-interaction-demo.json An interactive cloud architecture visualization component featuring animated SVG flow paths, glowing data particles, node badges, and a central hub with layere…
npx shadcn@latest add https://www.gammaui.com/r/cloud-flow-demo.json Interactive animated MacBook keyboard component.
npx shadcn@latest add https://www.gammaui.com/r/macbook-keyboard-demo.json A fully animated CPU architecture SVG component with dynamic paths, gradients, and optional CPU connections.
npx shadcn@latest add https://www.gammaui.com/r/cpu-architecture-demo.json Animated ShadCN UI SVG with glowing masked paths, motion shapes, and dynamic shimmering text with customizable props.
npx shadcn@latest add https://www.gammaui.com/r/shadcn-ui-demo.json An interactive 3D-tilting location card with expandable animated map, live indicator, and motion-based hover effects.
npx shadcn@latest add https://www.gammaui.com/r/location-map-demo.json A 3D animated folder component that reveals project cards on hover and expands into a smooth image lightbox with keyboard navigation.
npx shadcn@latest add https://www.gammaui.com/r/3d-folder-demo.json An animated system monitor card that displays a title, percentage, and neon-lit pill indicators driven by Motion.
npx shadcn@latest add https://www.gammaui.com/r/usage-card-demo.json A dark voxel tunnel with volumetric light rays, drifting cubes, and subtle camera parallax — ideal for hero backgrounds.
npx shadcn@latest add https://www.gammaui.com/r/voxel-wall-demo.json