sh4dcn
Registries
ActiveAnimated componentspro available43

@chamaac

Animated components · MIT · data updated 2026-07-28

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.

WebsiteDocsGitHubComponents folderProAgent brief (.md)
@chamaac preview
3daestheticaianimationaudiobackgroundsblocksbuttonscardse-commerceformsglassmorphismiconsloadersmapsmarketingmedianavigationpro-availableretrosaas

Install

npx shadcn@latest add https://chamaac.com/r/registry.json

Health

StatusActive
Last commit4 weeks ago
LicenseMIT
Open issues0
ArchivedNo
Stars43

Components (90)

electric-mistwavesliquid-chromenebulaastral-flowsynthesislight-speedstats-cardsinteractive-grid-backgroundtext-loopgif-textdancing-letterspremium-buttonshimmer-buttonslideup-buttonhover-arrow-buttonfocus-buttonneo-brutalist-buttonglowing-border-buttongaugecarouselfeature-stepsdockcopy-iconwavy-iconadjustments-iconai-inputscan-iconbell-iconsettings-iconactivity-iconrefresh-iconwifi-iconarrow-right-icondownload-iconglobe-iconstar-iconhourglass-iconlightbulb-iconmusic-iconheart-iconmail-iconlocation-iconlock-iconrocket-iconzap-iconeye-iconsend-iconvolume-iconcheck-iconsparkle-iconmenu-iconalert-circle-iconexternal-link-iconcloud-iconcredit-card-iconcart-iconarrow-left-iconarrow-up-iconarrow-down-icon
Components: electric-mist, waves, liquid-chrome, nebula, astral-flow, synthesis, light-speed, stats-cards, interactive-grid-background, text-loop, gif-text, dancing-letters, premium-button, shimmer-button, slideup-button, hover-arrow-button, focus-button, neo-brutalist-button, glowing-border-button, gauge, carousel, feature-steps, dock, copy-icon, wavy-icon, adjustments-icon, ai-input, scan-icon, bell-icon, settings-icon, activity-icon, refresh-icon, wifi-icon, arrow-right-icon, download-icon, globe-icon, star-icon, hourglass-icon, lightbulb-icon, music-icon, heart-icon, mail-icon, location-icon, lock-icon, rocket-icon, zap-icon, eye-icon, send-icon, volume-icon, check-icon, sparkle-icon, menu-icon, alert-circle-icon, external-link-icon, cloud-icon, credit-card-icon, cart-icon, arrow-left-icon, arrow-up-icon, arrow-down-icon, arrow-up-right-icon, arrow-up-left-icon, arrow-down-left-icon, arrow-down-right-icon, chevron-right-icon, chevron-left-icon, chevron-up-icon, chevron-down-icon, chevrons-right-icon, chevrons-left-icon, chevrons-up-icon, chevrons-down-icon, calendar-icon, shield-icon, upload-icon, message-icon, search-icon, close-icon, clock-icon, layers-icon, moon-icon, sun-icon, trash-icon, battery-icon, gift-icon, crown-icon, thumbs-up-icon, how-it-works, water-caustic, grid-bloom

Preview

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.

@chamaac · electric-mist

npx shadcn@latest add https://chamaac.com/r/electric-mist.json
View source