Hyperiux Vault Effects
Hyperiux Vault is a growing library of 115 interaction effects for React and Next.js - scroll systems, cursor trails, WebGL scenes, animated buttons, and page transitions, all shipped as editable source code you copy straight into your own repo. Browse by category below, preview any effect live, and install with the CLI or a single copy-paste.
Use this page when you are looking for the right interaction before you know its category. Scan the catalog, compare patterns, and choose the effect that makes the page clearer, sharper, or harder to forget.
Questions Answered.
Where should I start if I only know the page needs to feel better?
Start with the page job. If the page needs a stronger story, look at scroll effects. If it needs atmosphere, explore backgrounds or WebGL effects. If it needs better conversion support, review buttons, FAQs, forms, testimonials, and navigation patterns.
When is browsing the full Vault better than choosing a category first?
Use the full catalog when you are still exploring the interaction direction. It helps when the goal is clear, such as “make the hero sharper” or “make the CTA feel better,” but the exact component type is not decided yet.
How do I choose between a subtle effect and a more expressive one?
Choose the effect that improves the section without stealing its job. A quiet background may be better for SaaS copy. A WebGL scene may be right for a launch hero. A cursor effect may suit a portfolio, but not a pricing page. The strongest choice is the one that makes the page clearer, sharper, or more memorable.
How should the catalog handle heavier previews?
Keep the page light. Avoid running many WebGL, canvas, video, or continuous animation previews at once. Use static thumbnails, lazy loading, offscreen pause, and click-to-preview behavior where the effect is too heavy for always-on browsing.
What changes when reduced motion is enabled?
Animated previews should pause or become static. Autoplay, looping motion, cursor trails, WebGL movement, and continuous background effects should not run automatically. The catalog should remain fully browsable without motion.
Request a Custom Animation
Need a custom effect? Tell us what to create.