Loading
Loading

Build the Interaction Layer Your Website is Missing.

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

40+ effects free, forever. No credit card.

© 2026 Hyperiux. All rights reserved. · Vault is built by Hyperiux · 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
All Effects
Free Effects52Pro Effects88Text Animations25Animated Backgrounds6Animated Buttons7Carousel Effects11Scroll Effects25Creative Components16Navigations5Cursor Effects16Transitions10Loaders3WebGL & 3D Effects17
PricingGithubNPMMCP
Loading
HyperiuxHyperiux
All Effects
Featured ComponentsText AnimationsAnimated BackgroundsAnimated ButtonsCarousel EffectsScroll EffectsCreative ComponentsNavigationsCursor EffectsTransitionsLoadersWebGL & 3D Effects
IntroductionInstallationCLIDependenciesLicense
GithubNPMMCP Doc
Home/effects/free

Free Effects

The Free tier includes 40+ production-ready Hyperiux Vault effects - text animations, buttons, and core scroll interactions that are free to use forever, no account required to preview. Upgrade to Pro when you need cursor effects, WebGL scenes, or the full 130+ effect library.

Trending

Text Animations
Pixel Text Fill

Pixel Text Fill

Backgrounds
Spider Particles Background

Spider Particles Background

Buttons
Arrow Fill Button

Arrow Fill Button

Carousels
Orbit Flip Slider

Orbit Flip Slider

Scroll Effects
Horizontal Feature Reveal

Horizontal Feature Reveal

Components
Infinite Grid Gallery

Infinite Grid Gallery

Navigation
Expanding Navbar

Expanding Navbar

Cursor Effects
Liquid Glass Cursor

Liquid Glass Cursor

Page Transitions
Aperture Transition

Aperture Transition

Loaders
Lines Loader

Lines Loader

Webgl Effects
Donut Particles

Donut Particles

TextBackgroundsButtonsCarouselsScrollComponentsNavigationCursorTransitionsLoadersWebGL

Layout

Parallax Strip Slider
Gsap

Parallax Strip Slider

Carousels

Information Drawer
GSAPLenis

Information Drawer

Components

Stack Spread
Motion

Stack Spread

Scroll Effects

Timeline
@gsap/reactGsap+1

Timeline

Components

Liquid Glass Cursor
GSAP

Liquid Glass Cursor

Cursor Effects

1
Horizontal Feature Reveal
GSAP

Horizontal Feature Reveal

Scroll Effects

14
Spider Particles Background
Three.js

Spider Particles Background

Backgrounds

21
Fractal Glass
Three.js

Fractal Glass

Webgl Effects

13
Arrow Fill Button
Lucide React

Arrow Fill Button

Buttons

16
Phantom Image Trail
GSAP

Phantom Image Trail

Cursor Effects

31
Rotation Slider
GSAPLucide React

Rotation Slider

Scroll Effects

28
Dot Transition
Canvas

Dot Transition

Backgrounds

Milky Way
Three.jsGSAP+5

Milky Way

Webgl Effects

28
Interactive Blur Reveal
WebGL Shader

Interactive Blur Reveal

Webgl Effects

13
Dotted Grid Background
Canvas

Dotted Grid Background

Backgrounds

174
Scramble Link Button
Lucide React

Scramble Link Button

Buttons

15
Numeric Tunnel Loader
GSAP@react Three/fiber+2

Numeric Tunnel Loader

Loaders

13
Pixelated Image Effect
Canvas

Pixelated Image Effect

Cursor Effects

13
Load MoreLoad More

Questions, Answered.

Are free effects really free for commercial use?

Yes. Free effects are commercial-friendly where marked in the license, so you can ship them on client sites and products without paying.

What's the difference between Free and Pro?

Free includes 40+ effects covering text, buttons, and basic scroll interactions. Pro unlocks the full 130+ effect library, including cursor effects, WebGL scenes, and advanced page transitions.

Do I need an account to use free effects?

No. Copy the code directly from any effect page, or install it via the CLI without creating an account.

How do I upgrade from free to Pro effects?

You can subscribe to our Pro plans on the Pricing page. Once subscribed, you will receive a CLI token to install Pro effects directly from our registry.