vault-hyperiux
vault.hyperiux.comFreemanifest served live
Animation effects and interactive UI components for Next.js - CLI-installable, 32 free MIT effects + 83 Pro
Items
115
2026-08-03Every entry in its own registry.json, counted last night.Free to install
115
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
4 days ago
34 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 |
|---|---|---|---|---|---|
| 3D Portfolio Slider3d-portfolio-slider | Infinite scroll slider with a Three.js WebGL fullscreen plane, cosine zoom distortion, a circular thumbnail ring, and GSAP text transitions | Components | Free | 3 deps | |
| Animated FAQanimated-faq | Accessible accordion-style FAQ component with smooth GSAP animations | Components | Free | 2 deps | |
| Animated Formanimated-form | Config-driven contact form with validation for text, phone, select, textarea, and checkbox fields | Components | Free | 1 dep | |
| Animated Modalanimated-modal | Backdrop-blurred fullscreen modal with escape, backdrop, and close-button support | Components | Free | 1 dep | |
| Tabsanimated-tabs | Animated tabs with a moving active indicator and panel transitions | Components | Free | 1 dep | |
| Animated Toggleanimated-toggle | Pure CSS animated icon components: ChevronBird (chevron/arrow), Cross (plus to X), and Plus (open/close). No animation libraries required. | Components | Free | no deps | |
| Arrow Fill Buttonarrow-fill-button | Button with expanding circle fill and animated arrow icon on hover | Components | Free | 1 dep | |
| Block Transitionblock-transition | Horizontal split-block route transition with row-based stagger and optional content shift blur using GSAP. | Components | Free | 2 deps | |
| Blur Textblur-text | Text that reveals with a blur-to-focus animation on scroll | Components | Free | 1 dep | |
| Book Flipbook-flip | 3D interactive book viewer with realistic page flips, built with React Three Fiber and Drei. | Components | Free | 4 deps | |
| Border Beamborder-beam | Animated border beam effect for cards and surfaces | Components | Free | no deps | |
| Butterfly Trail Cursorbutterfly-trail-cursor | 3D butterfly swarm that spawns around the pointer and fades through space | Components | Free | 3 deps | |
| Card Driftcard-drift | Draggable card grid with physics-based throw, velocity tracking, auto-layout, and GSAP Draggable | Components | Free | 2 deps | |
| Cards Runwaycards-runway | A horizontal runway of cards that animates as you scroll | Components | Free | 1 dep | |
| Character Stagger Buttonchar-stagger-button | Link button with staggered character animation on hover | Components | Free | 1 dep | |
| Character Stagger Primary Buttonchar-stagger-primary-button | Primary button with staggered character animation on hover | Components | Free | 1 dep | |
| Character Trailcharacter-trail | Cursor wrapper that leaves a snake-like grid trail of character tiles as the mouse moves. Tiles snap to a 50px grid, cycle through a configurable alphabet and color palette, pop in with a spring animation, then stagger-fade out after the cursor idles. | Components | Free | no deps | |
| Chess Grid Transitionchess-grid-transition | Staggered fullscreen grid wipe that sweeps blocks across the viewport during route changes | Components | Free | 2 deps | |
| Circle Text Revealcircle-text-reveal | Cursor-following circle mask that reveals hidden text underneath on hover | Components | Free | 1 dep | |
| Rotating Carouselcircular-slider | Scroll-driven circular carousel that rotates a ring of editorial cards through view | Components | Free | 2 deps | |
| Circular Split Rollcircular-split-roll | Split circular slider with orbiting titles on one side and image cards on the other | Components | Free | 2 deps | |
| Clip Path Sliderclippath-slider | Fullscreen image slider where transitions sweep via two canvas-drawn radial clip-path arcs. Includes a dual-layer background crossfade, GSAP SplitText line reveals, and a smooth custom cursor that flips direction arrows left/right. | Components | Free | 1 dep | |
| Coffee Bean Cursorcoffee-bean-cursor | Mouse-reactive 3D coffee bean flow with velocity-based lighting and fluid drift | Components | Free | 3 deps | |
| Colliding Modelscolliding-models | Physics-driven colliding 3D connectors with transmission material and postprocessing, built with R3F + Rapier. | Components | Free | 6 deps | |
| Colorful Cursor Auracolorful-cursor-aura | Layered radial color aura that follows the cursor across oversized headline text | Components | Free | 1 dep | |
| Cursor Movecursor-move | Fullscreen cursor-follow crosshair + cursor dot with variable font axis mapping and coordinate readout. | Components | Free | no deps | |
| Curved Planecurved-plane | Three.js WebGL horizontal image carousel with a custom GLSL shader that curves the plane edges on drag and scroll. Images fade toward the edges and deform proportionally to interaction velocity. Supports drag, touch, scroll, and inertia momentum. | Components | Free | 1 dep | |
| Depth Card Stackdepth-card-stack | 3D stacked card carousel with perspective depth, gyroscopic tilt on hover, texture reveal effect, physics throw animation, and autoplay | Components | Free | 2 deps | |
| Directional Menudirectional-menu | Mega menu with directional content transitions using GSAP | Components | Free | 2 deps | |
| Dither Canvasdither-canvas | Interactive ASCII-style dither canvas with fluid mouse distortion over video | Components | Free | no deps | |
| Donut Particlesdonut-particles | Interactive 3D donut particle field built with React Three Fiber. Includes cursor-driven flow, inertial motion, and a fullscreen canvas wrapper. | Components | Free | 2 deps | |
| Dot Fill Buttondot-fill-button | Button with expanding dot that fills the background on hover with character stagger | Components | Free | no deps | |
| Dotted Griddotted-grid | Canvas 2D fullscreen dot grid that autonomously cycles through five geometric shapes (star, square, circle ring, plus, triangle). Mouse cursor creates a dark shrinking head effect and leaves a glowing blue trail that lingers and fades. | Components | Free | no deps | |
| Draggable Canvasdraggable-canvas | Six independently draggable Canvas 2D windows that each reveal a different cropped region of a shared video, creating a parallax masking illusion. GSAP Draggable with InertiaPlugin gives each window smooth throw physics. Includes a minimal coordinate-display cursor. | Components | Free | 1 dep | |
| Draggable Marqueedraggable-marquee | Infinite horizontal marquee with drag interaction and momentum physics | Components | Free | 1 dep | |
| Elevate Navbarelevate-navbar | Responsive glass-morphism pill navigation with animated dropdowns, GSAP text-swap hover effects, and a collapsible mobile accordion menu | Components | Free | 2 deps | |
| Expanding Navbarexpanding-navbar | Animated multi-column mega menu with GSAP timelines, square cursor indicators, and hover-fill link transitions. | Components | Free | 2 deps | |
| File Encryptionfile-encryption | Auto-scrolling draggable card marquee with a WebGL laser beam that splits each card between its plain and ASCII/encrypted face, plus Canvas 2D particle scatter. | Components | Free | 1 dep | |
| Fish Eyefish-eye | WebGPU fish-eye lens distortion on images using Three.js TSL node materials with smooth cursor tracking | Components | Free | 3 deps | |
| Fractal Glassfractal-glass | WebGL glass-strip refraction effect with fractal distortion, edge blending, and pointer-reactive parallax. | Components | Free | 1 dep | |
| Full Screen Crosshairfull-screen-crosshair | Fullscreen crosshair cursor overlay with configurable line size, gap, thickness, smoothing, and blend mode. | Components | Free | no deps | |
| Glitchy Textglitchy-text | GSAP SplitText effect that stagger-animates four overlapping char layers — two white and two yellow — out and in at slightly different delays, creating a chromatic glitch swap. Plays on mount and replays on button click. | Components | Free | 1 dep | |
| Gooey Countergooey-counter | Canvas-based animated counter that morphs pixel-grid blocks between numbers 0–10 using an SVG gooey filter. Blocks scatter to a random layout between each number with eased transitions. | Components | Free | no deps | |
| Grid Liftgrid-lift | Interactive lifted grid mask with SVG/text modes, pointer-driven depth, and live Leva controls. | Components | Free | 1 dep | |
| Grid Scalegrid-scale | Scroll-driven animation where a centered clip-path panel expands to fullscreen while corner boxes fly in, grid lines dissolve, and floating keyword pills converge to the center. | Components | Free | 1 dep | |
| Grid Tunnelgrid-tunnel | Infinite 3D image tunnel built with React Three Fiber, procedural wireframe chunks, and inertial wheel-driven camera motion. | Components | Free | 3 deps | |
| Helix Sliderhelix-slider | Pinned scroll gallery that arranges cards through a helix-like cylindrical path | Components | Free | 2 deps | |
| Hero Banner Animatedhero-banner-animated | Immersive WebGL hero with a 3D room, interactive TV screen with pixelated video transition, mouse-tracked lighting, edge blur, and film grain post-processing. | Components | Free | 8 deps |
