iconAll EffectsiconFeaturediconTexticonBackgroundsiconButtonsiconCarouselsiconScrolliconComponentsiconNavigationiconCursoriconTransitionsiconLoadersiconWebGL
iconIntroductioniconInstallationiconCLIiconMCPiconDependenciesiconLicense
License AgreementPrivacy PolicyRefund PolicyTerms of Service
PricingGithub
Get ProGet ProGet Pro
Install CLIInstall CLIInstall CLI

Build The Interaction Layer Your Website Is Missing.

Browse the EffectsBrowse the EffectsBrowse the EffectsUpgrade to ProUpgrade to ProUpgrade to Pro

30+ effects free, forever. No credit card.

© 2026 Hyperiux. All rights reserved. · Vault is built by Hyperiux Studio · Small motion. Big signal.

Platform

Vault

  • Documentation
  • Pricing
  • NPM
  • MCP

Categories

  • All Effects
  • WebGL
  • Text
  • Backgrounds
  • Buttons
  • Carousels
  • Scroll
  • Components
  • Navigation
  • Cursor
  • Transitions
  • Loaders

Documents

  • Introduction
  • Installation
  • CLI
  • Dependencies
  • License

Legal

  • License Agreement
  • Terms of Service
  • Privacy Policy
  • Refund Policy
Socials
  • Twitter / X
  • LinkedIn
  • GitHub
  • Instagram
Contact Us
  • hello@hyperiux.com
New effects, in your inbox.

Every new drop, plus the occasional behind-the-scenes build. No spam. Unsubscribe anytime.

SubscribeSubscribe
HyperiuxHyperiux
Home/effects/featured

Featured Components

Browse a handpicked selection of effects and components from across Vault, curated to help you discover interesting interactions, useful ideas and strong starting points for your next build.

Trending Right Now

Scroll Effects
Circular Split Roll
Scroll Effects
Draggable Marquee
Scroll Effects
Horizontal Feature Reveal
Scroll Effects
Grid Scale
Scroll Effects
Infinite Perspective Slider
Scroll Effects
Helix Slider
Scroll Effects
Parallax Slider
Scroll Effects
Rotation Slider
Scroll Effects
Parallax Footer
Scroll Effects
Scroll Distortion
Scroll Effects
Parallax Gallery
Scroll Effects
Sticky Content Wrapper
Scroll Effects
Text Convergence
Scroll Effects
Circular Split Roll
Scroll Effects
Draggable Marquee
Scroll Effects
Horizontal Feature Reveal
Scroll Effects
Grid Scale
Scroll Effects
Infinite Perspective Slider
Scroll Effects
Helix Slider
Scroll Effects
Parallax Slider
Scroll Effects
Rotation Slider
Scroll Effects
Parallax Footer
Scroll Effects
Scroll Distortion
Scroll Effects
Parallax Gallery
Scroll Effects
Sticky Content Wrapper
Scroll Effects
Text Convergence
Scroll Effects
Circular Split Roll
Scroll Effects
Draggable Marquee
Scroll Effects
Horizontal Feature Reveal
Scroll Effects
Grid Scale
Scroll Effects
Infinite Perspective Slider
Scroll Effects
Helix Slider
Scroll Effects
Parallax Slider
Scroll Effects
Rotation Slider
Scroll Effects
Parallax Footer
Scroll Effects
Scroll Distortion
Scroll Effects
Parallax Gallery
Scroll Effects
Sticky Content Wrapper
Scroll Effects
Text Convergence
TextBackgroundsButtonsCarouselsScrollComponentsNavigationCursorTransitionsLoadersWebGL

Layout

Infinite Perspective Slider

Infinite Perspective Slider

Scroll Effects

13
Rotation Slider

Rotation Slider

Scroll Effects

27
Sticky Content Wrapper

Sticky Content Wrapper

Scroll Effects

14
Text Convergence

Text Convergence

Scroll Effects

14
Circular Split Roll

Circular Split Roll

Scroll Effects

15
Horizontal Feature Reveal

Horizontal Feature Reveal

Scroll Effects

13
Parallax Footer
Pro

Parallax Footer

Scroll Effects

Scroll Distortion
Pro

Scroll Distortion

Scroll Effects

1
Parallax Slider
Pro

Parallax Slider

Scroll Effects

1
Draggable Marquee
Pro

Draggable Marquee

Scroll Effects

1
Grid Scale
Pro

Grid Scale

Scroll Effects

2
Parallax Gallery
Pro

Parallax Gallery

Scroll Effects

1
Helix Slider
Pro

Helix Slider

Scroll Effects

1

Questions, Answered.

What makes a component worth featuring?

A featured component should have a clear reason to stand out: strong craft, practical use, launch-page value, brand impact, technical quality, or a pattern the Hyperiux team believes users should notice first.

Is Featured only for the most visually dramatic effects?

No. Some featured components may be quiet but commercially useful. A Dotted Grid, Animated FAQ, Directional Menu, or premium CTA button can deserve attention as much as a WebGL hero or page transition.

How should users treat the Featured page?

Use it as a curated starting point, not a final answer. Featured helps users find strong candidates quickly, but the right component still depends on the page goal, audience, device mix, and performance budget.

When should a user leave Featured and browse a category instead?

If the user needs a specific behavior, such as a loader, cursor, form, carousel, or text reveal, they should open that category and compare more options. Featured is selective by design.

How should Featured previews stay fast?

The page should not run multiple heavy effects at once. WebGL, canvas, video, and continuous animation previews should use static thumbnails, lazy loading, offscreen pause, or click-to-preview behavior.

What accessibility standard should Featured components meet?

A component should not be featured only because it looks good. It should have a credible path for readable HTML, keyboard access where relevant, visible focus states, mobile behavior, and reduced-motion fallback.

View MoreView More

Request a Custom Animation

Need a custom effect? Tell us what to create.

HyperiuxHyperiux
All Effects
Text Animations25Animated Backgrounds3Animated Buttons7Carousel Effects5Scroll Effects22Creative Components15Navigation Effects5Cursor Effects16Transitions10Loaders3WebGL & 3D Effects19
PricingGithubNPMMCP