Loading
Loading

Build the Interaction Layer Your Website is Missing.

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

50+ 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 Effects56Pro Effects94Text Animations25Animated Backgrounds6Animated Buttons10Carousel Effects11Scroll Effects25Creative Components19Navigations9Cursor Effects16Transitions10Loaders3WebGL & 3D Effects17
TemplatesPricingBlogGithubNPMMCP
Loading
All Effects
Featured ComponentsText AnimationsAnimated BackgroundsAnimated ButtonsCarousel EffectsScroll EffectsCreative ComponentsNavigationsCursor EffectsTransitionsLoadersWebGL & 3D Effects
Templates
IntroductionInstallationCLIDependenciesLicense
PricingBlogGithubNPMMCP Doc
Home/effects/free

Free Effects

The Free tier includes 50+ 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 150+ 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

GSAP Flip Card
GSAP

GSAP Flip Card

Components

3
Parallax Strip Slider
Gsap

Parallax Strip Slider

Carousels

4
Information Drawer
GSAPLenis

Information Drawer

Components

2
Stack Spread
Motion

Stack Spread

Scroll Effects

4
Shiny Button

Shiny Button

Buttons

2
Timeline
GSAPLenis

Timeline

Components

3
Dotted Trail

Dotted Trail

Cursor Effects

2
Metallic Button
Lucide React

Metallic Button

Buttons

1
Liquid Glass Cursor
GSAP

Liquid Glass Cursor

Cursor Effects

3
Horizontal Feature Reveal
GSAP

Horizontal Feature Reveal

Scroll Effects

17
Spider Particles Background
Three.js

Spider Particles Background

Backgrounds

24
Fractal Glass
Three.js

Fractal Glass

Webgl Effects

15
Arrow Fill Button
Lucide React

Arrow Fill Button

Buttons

20
Phantom Image Trail
GSAP

Phantom Image Trail

Cursor Effects

32
Rotation Slider
GSAPLucide React

Rotation Slider

Scroll Effects

31
Dot Transition
Canvas

Dot Transition

Backgrounds

Milky Way
Three.jsGSAP+5

Milky Way

Webgl Effects

29
Interactive Blur Reveal
WebGL Shader

Interactive Blur Reveal

Webgl Effects

15
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 50+ effects covering text, buttons, and basic scroll interactions. Pro unlocks the full 150+ 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.