componentry
componentry.devFreemanifest served live
Animated, production-ready UI components. Built the way real products need them.
Items
59
2026-08-03Every entry in its own registry.json, counted last night.Free to install
59
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
2 days ago
423 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 Gradientanimated-gradient | Component for animated-gradient | Components | Free | no deps | |
| ASCII Effectascii-effect | Render images as responsive ASCII artwork with image, flow, and glitch variations. | Components | Free | no deps | |
| Aurora Flowaurora-flow | A procedural atmospheric hero background with layered flowing color, diffused aurora light, and subtle interaction. | Components | Free | no deps | |
| auth-modalauth-modal | A premium, animated authentication modal with social login options. | Components | Free | no deps | |
| border-beamborder-beam | A moving gradient beam that travels along the border of its container. | Components | Free | no deps | |
| circuit-boardcircuit-board | An interactive circuit board layout component with animated electricity paths that pulse between connected nodes. Fully theme-aware with automatic light/dark mode support. | Components | Free | no deps | |
| closing-plasmaclosing-plasma | Premium plasma background with customizable motion, palette, and interaction. | Components | Free | no deps | |
| collection-surfercollection-surfer | no description published | Components | Free | no deps | |
| Command Menucommand-menu | A macOS Spotlight-style command menu with animated search, keyboard navigation, and customizable groups. Features backdrop blur, smooth animations, and full keyboard support. | Components | Free | no deps | |
| cursor-driven-particle-typographycursor-driven-particle-typography | Component for cursor-driven-particle-typography | Components | Free | no deps | |
| dither-gradientdither-gradient | An animated dithered gradient background effect using canvas with Bayer matrix dithering. | Components | Free | no deps | |
| Dither Prism Herodither-prism-hero | A stunning WebGL hero background featuring advanced dithering patterns, prismatic color refraction, holographic iridescence, and center-focused ripple energy. | Components | Free | no deps | |
| Dithered Logodithered-logo | An interactive particle logo that turns image assets into a dithered canvas field with cursor ripples. | Components | Free | no deps | |
| Eye Trackingeye-tracking | Component for eye-tracking | Components | Free | no deps | |
| Flight Status Cardflight-status-card | A detailed flight status widget with dot-matrix airport codes, progress tracking, and ETA information. | Components | Free | no deps | |
| github-calendargithub-calendar | A premium, customizable visualization of GitHub contribution graphs with variants and scaling support. | Components | Free | no deps | |
| hero-geometrichero-geometric | A geometric hero section with a shader background and premium typography. | Components | Free | no deps | |
| Hyper Texthyper-text | A text effect that scrambles and cycles characters before revealing the final text, inspired by cyberpunk aesthetics. | Components | Free | no deps | |
| Image Ripple Effectimage-ripple-effect | A cursor-driven WebGL ripple distortion effect for image cards. | Components | Free | no deps | |
| Image Trailimage-trail | Component for image-trail | Components | Free | no deps | |
| Infinite Image Fieldinfinite-image-field | An endless, cursor-driven photo canvas. Images tile infinitely in all directions — move your cursor to pan the field, and it glides fluidly toward where you point. | Components | Free | no deps | |
| interactive-hover-buttoninteractive-hover-button | A button that reveals text and an arrow icon on hover. | Components | Free | no deps | |
| Kinetic Text Revealkinetic-text-reveal | Directional text reveal with soft blur and configurable word, character, or line stagger timing. | Components | Free | no deps | |
| Layered Stacklayered-stack | Component for layered-stack | Components | Free | no deps | |
| letter-cascadeletter-cascade | Component for letter-cascade | Components | Free | no deps | |
| liquid-blobliquid-blob | Animated liquid morphing blob shapes with mouse interaction that create a beautiful organic background effect. | Components | Free | no deps | |
| Liquid Chromeliquid-chrome | Component for liquid-chrome | Components | Free | no deps | |
| Mac Keyboardmac-keyboard | Component for mac-keyboard | Components | Free | no deps | |
| magnet-linesmagnet-lines | A grid of lines that rotate to face the cursor, creating a magnetic field effect. | Components | Free | no deps | |
| magnetic-dockmagnetic-dock | A macOS-style magnetic dock with smooth scaling animations, spring physics, and premium micro-interactions. Supports both light and dark modes. | Components | Free | no deps | |
| matrix-rainmatrix-rain | no description published | Components | Free | no deps | |
| Music Playermusic-player | Component for music-player | Components | Free | no deps | |
| noise-texturenoise-texture | An animated noise/grain texture overlay effect with customizable grain size and blend modes. | Components | Free | no deps | |
| Orbit Card Stackorbit-card-stack | Premium hover card deck that fans outward and lifts the active card without changing its color or angle. | Components | Free | no deps | |
| Particle Galaxyparticle-galaxy | no description published | Components | Free | no deps | |
| pixel-canvaspixel-canvas | An interactive pixel grid with smooth trailing effects that lights up on hover and decays over time. | Components | Free | no deps | |
| Prism Gradientprism-gradient | A theme-aware WebGL prism field with liquid checkered motion, electric-blue refraction, and tactile grain. | Components | Free | no deps | |
| pulsating-buttonpulsating-button | A button with a pulsating glow effect. | Components | Free | no deps | |
| Ripple Transitionripple-transition | WebGL image transitions with noisy refractive waves, chromatic edges, glow, and click-triggered ripple origins. | Components | Free | no deps | |
| scroll-based-velocityscroll-based-velocity | Text that scrolls across the screen and skews/speeds up based on the users scroll velocity. | Components | Free | no deps | |
| scroll-choreographyscroll-choreography | Component for scroll-choreography | Components | Free | no deps | |
| Scroll Split Cardscroll-split-card | Component for scroll-split-card | Components | Free | no deps | |
| Scroll Tilted Gridscroll-tilted-grid | A cinematic image grid that tilts and resolves into focus as each frame crosses the viewport. | Components | Free | no deps | |
| Scrub Inputscrub-input | An inline slider input styled as a pill, perfect for adjusting variables smoothly. | Components | Free | no deps | |
| shimmer-buttonshimmer-button | A button with a shimmering light effect. | Components | Free | no deps | |
| showcase-cardshowcase-card | A premium showcase card component with 3D tilt effect, parallax image, micro-interactions, and multiple variants. Perfect for portfolios, agency sites, and product showcases. | Components | Free | no deps | |
| Signaturesignature | Component for signature | Components | Free | no deps | |
| Silk Aurorasilk-aurora | Component for silk-aurora | Components | Free | no deps |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Gradient Hero 01gradient-hero-01 | A simple centered hero with a warm cinematic gradient, compact badge, short copy, and two actions. | Blocks | Free | no deps | |
| Pricing 01pricing-01 | Three tactile pricing cards with revealed hover notes, clear feature lists, and a highlighted popular plan. | Blocks | Free | no deps | |
| Pricing 02pricing-02 | A compact pricing table with separated plan summaries, detailed feature lists, and an animated billing-cycle switch. | Blocks | Free | no deps |
