@chamaac
A premium collection of high-performance animated and shader-driven components for React. Includes GLSL/WebGL shader backgrounds, React Three Fiber interactive scenes, and Framer Motion-animated elements. Components emphasize visual impact — particle effects, liquid shaders, scroll-triggered animations. Built with Tailwind CSS and Motion; copy-paste model. Free, MIT-licensed. Use for: adding GPU-accelerated shader backgrounds or cinematic scroll animations to a landing page or portfolio where visual differentiation matters.
Install this registry
npx shadcn@latest add https://chamaac.com/r/registry.json pnpm dlx shadcn@latest add https://chamaac.com/r/registry.json bunx shadcn@latest add https://chamaac.com/r/registry.json curl -s https://chamaac.com/r/registry.json Components
60 totalA high-energy glowing lightning shader with waves and smoke effects.
npx shadcn@latest add https://chamaac.com/r/electric-mist.json A smooth, shader-based wave animation component.
npx shadcn@latest add https://chamaac.com/r/waves.json A smooth, mesmerizing liquid metal shader effect.
npx shadcn@latest add https://chamaac.com/r/liquid-chrome.json A deep space nebula effect with fractional distortion.
npx shadcn@latest add https://chamaac.com/r/nebula.json A majestic, constantly breathing radial shader with deep cosmic wisps.
npx shadcn@latest add https://chamaac.com/r/astral-flow.json A professional, multi-layered cosmic flow background with extensive warping customization.
npx shadcn@latest add https://chamaac.com/r/synthesis.json A Warp/Light-Speed hyperspace animation inspired by the Ducky3D Blender tutorial.
npx shadcn@latest add https://chamaac.com/r/light-speed.json A set of animated statistic cards with hover effects.
npx shadcn@latest add https://chamaac.com/r/stats-cards.json A highly interactive, mouse-sensitive grid background.
npx shadcn@latest add https://chamaac.com/r/interactive-grid-background.json An animated text loop with typewriter and gradient effect.
npx shadcn@latest add https://chamaac.com/r/text-loop.json A stunning text effect that uses a GIF as the fill color.
npx shadcn@latest add https://chamaac.com/r/gif-text.json Physics-based interactive text animations with multiple animation styles.
npx shadcn@latest add https://chamaac.com/r/dancing-letters.json An animated button with a dynamic arrow grid animation.
npx shadcn@latest add https://chamaac.com/r/premium-button.json A button with a shimmer animation effect.
npx shadcn@latest add https://chamaac.com/r/shimmer-button.json A button with a smooth slide-up text animation on hover.
npx shadcn@latest add https://chamaac.com/r/slideup-button.json A button with a smooth hover arrow swap animation.
npx shadcn@latest add https://chamaac.com/r/hover-arrow-button.json A button with a focus ring animation effect.
npx shadcn@latest add https://chamaac.com/r/focus-button.json A bold, retro-styled button with skewed design, offset shadow, and shimmer effect.
npx shadcn@latest add https://chamaac.com/r/neo-brutalist-button.json A stylish button with a glowing border animation.
npx shadcn@latest add https://chamaac.com/r/glowing-border-button.json A customizable semi-circular gauge component for visualizing metrics and performance scores.
npx shadcn@latest add https://chamaac.com/r/gauge.json A smooth, auto-playing 3D carousel component with layout animations.
npx shadcn@latest add https://chamaac.com/r/carousel.json A dynamic feature showcase with auto-playing steps and synchronized image transitions.
npx shadcn@latest add https://chamaac.com/r/feature-steps.json A navigation dock component with smooth animations and hover effects, perfect for desktop interfaces.
npx shadcn@latest add https://chamaac.com/r/dock.json An animated copy icon with smooth motion effects.
npx shadcn@latest add https://chamaac.com/r/copy-icon.json An animated wavy icon with smooth motion effects.
npx shadcn@latest add https://chamaac.com/r/wavy-icon.json An animated adjustments/settings icon with smooth motion effects.
npx shadcn@latest add https://chamaac.com/r/adjustments-icon.json A polished AI input component with model selection, tools, file uploads, and smooth animations.
npx shadcn@latest add https://chamaac.com/r/ai-input.json An animated scan icon with a moving scan line.
npx shadcn@latest add https://chamaac.com/r/scan-icon.json An animated bell icon that rings.
npx shadcn@latest add https://chamaac.com/r/bell-icon.json An animated settings icon that rotates.
npx shadcn@latest add https://chamaac.com/r/settings-icon.json An animated activity icon with a heartbeat line.
npx shadcn@latest add https://chamaac.com/r/activity-icon.json An animated refresh icon that rotates.
npx shadcn@latest add https://chamaac.com/r/refresh-icon.json An animated wifi icon with pulsing signal bars.
npx shadcn@latest add https://chamaac.com/r/wifi-icon.json An animated arrow right icon that moves horizontally.
npx shadcn@latest add https://chamaac.com/r/arrow-right-icon.json An animated download icon with a bouncing arrow.
npx shadcn@latest add https://chamaac.com/r/download-icon.json An animated globe icon that rotates continuously.
npx shadcn@latest add https://chamaac.com/r/globe-icon.json An animated star icon that twinkles and rotates.
npx shadcn@latest add https://chamaac.com/r/star-icon.json An animated hourglass icon that rotates.
npx shadcn@latest add https://chamaac.com/r/hourglass-icon.json An animated lightbulb icon with pulsing rays.
npx shadcn@latest add https://chamaac.com/r/lightbulb-icon.json An animated music icon with dancing notes.
npx shadcn@latest add https://chamaac.com/r/music-icon.json An animated heart icon that beats.
npx shadcn@latest add https://chamaac.com/r/heart-icon.json An animated mail icon with a moving envelope flap.
npx shadcn@latest add https://chamaac.com/r/mail-icon.json An animated location icon that rotates like a compass.
npx shadcn@latest add https://chamaac.com/r/location-icon.json An animated lock icon that locks and unlocks.
npx shadcn@latest add https://chamaac.com/r/lock-icon.json An animated rocket icon with launch thrust animation.
npx shadcn@latest add https://chamaac.com/r/rocket-icon.json An animated zap icon with electric flash effect.
npx shadcn@latest add https://chamaac.com/r/zap-icon.json An animated eye icon with blinking and looking animation.
npx shadcn@latest add https://chamaac.com/r/eye-icon.json An animated send icon with paper airplane flying motion.
npx shadcn@latest add https://chamaac.com/r/send-icon.json An animated volume icon with pulsing sound waves.
npx shadcn@latest add https://chamaac.com/r/volume-icon.json An animated check icon with drawing circle and checkmark.
npx shadcn@latest add https://chamaac.com/r/check-icon.json An animated sparkle icon with twinkling stars.
npx shadcn@latest add https://chamaac.com/r/sparkle-icon.json An animated menu icon.
npx shadcn@latest add https://chamaac.com/r/menu-icon.json An animated alert icon.
npx shadcn@latest add https://chamaac.com/r/alert-circle-icon.json An animated external link icon.
npx shadcn@latest add https://chamaac.com/r/external-link-icon.json An animated cloud icon.
npx shadcn@latest add https://chamaac.com/r/cloud-icon.json An animated credit card icon.
npx shadcn@latest add https://chamaac.com/r/credit-card-icon.json An animated cart icon.
npx shadcn@latest add https://chamaac.com/r/cart-icon.json An animated arrow left icon.
npx shadcn@latest add https://chamaac.com/r/arrow-left-icon.json An animated arrow up icon.
npx shadcn@latest add https://chamaac.com/r/arrow-up-icon.json An animated arrow down icon.
npx shadcn@latest add https://chamaac.com/r/arrow-down-icon.json