Fundamentals

Buttons Text & Typo Forms Navigation & UI Loading

Design & Visuals

Backgrounds Glass & Morphism Visual Effects Liquid & Morphing SVG & Art

Animations & Scroll

Scroll & Parallax Transitions Hover & Interactions 3D & Depth Cursors

Gallery & More

Cards & Layouts Gallery & Media Data & Visualization Atmosphere Utilities
All Effects New Favorites Templates Blog Tips ✨ Go Premium
🚀 70+ free effects • 664 premium effects • 26 templates

Copy the Code,
Impress Your Clients

664 CSS & JavaScript effects ready to copy-paste. Save hours of development on every project.

Explore Free Effects View Plans
664
Effects
20
Categories
26
Templates
Monthly
Updates

Effects That Speak for Themselves

A preview of what awaits you in the library. Every effect is ready to copy.

Button Glow Buttons
Glass Card
Glass Card Glass
Effect.Labs
Text Gradient Text
Hover me
Hover Lift Hover
Spinner Loading
Floating Elements Parallax
Explore All 664 Effects

Simple as 1, 2, 3

Integrate professional effects in seconds

1

Choose

Browse our 20 categories and find the perfect effect for your project

2

Preview

Test the effect live, customize colors and parameters

3

Copy

One click on "View code", copy the CSS/JS and paste into your project

Clean Code, Ready to Use

Every effect comes with optimized CSS and JavaScript code. No unnecessary dependencies, no mandatory framework.

  • Optimized vanilla CSS code
  • Modern JavaScript (ES6+)
  • Animations GPU-accelerated
  • Cross-browser compatible
  • Responsive by default
  • Customizable via CSS variables
View Effects
button-glow.css 
/* Button with Glow effect */
.btn-glow {
  background: #6366f1;
  color: white;
  padding: 16px 32px;
  border-radius: 12px;
  border: none;
  animation: glow 2s ease infinite;
}

@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(99,102,241,0.4);
  }
  50% {
    box-shadow: 0 0 40px rgba(99,102,241,0.8);
  }
}

20 Effect Categories

664 effects organized in 4 families to quickly find what you need

🧱

Fundamentals

5 categories
🔘

Buttons

Hover, ripple, magnetic, glow, neon, 3D

27 effects →
✍️

Text

Gradient, glitch, typing, reveal, split, variable fonts

56 effects →
📝

Forms

Animated inputs, validation, labels, toggles

20 effects →
🧭

Navigation

Menus, hamburgers, tabs, sidebars, mega-menus

36 effects →
⏳

Loading

Spinners, skeleton, progress, shimmer, dots

28 effects →
🎨

Design & Visuals

5 categories
🌌

Backgrounds

Gradients, mesh, particles, waves, noise, patterns

50 effects →
🧊

Glass

Glassmorphism, neumorphism, frosted, blur, soft UI

42 effects →
📺

Visuals

Glitch, holographic, masks, morphing, distortion

30 effects →
🌊

Liquid

Metaballs, waves, ripple, blob, fluid, generative

20 effects →
✏️

SVG

Line draw, morph, path, icons, animations

28 effects →
🎬

Animations & Scroll

5 categories
📜

Scroll

Parallax, reveal, sticky, snap, scrollytelling

64 effects →
🎬

Transitions

Page, view, theme, fade, morph, slide

40 effects →
👆

Hover

Scale, reveal, underline, shine, tilt, micro-interactions

48 effects →
🔷

3D

Cube, perspective, flip, motion path, physique

40 effects →
🖱️

Cursors

Custom, trail, magnetic, glow, interactive

26 effects →
🎮

Gallery & More

5 categories
🃏

Cards

3D tilt, glass, spotlight, flip, bento, compare

33 effects →
🎠

Gallery

Carousel, lightbox, marquee, slider, zoom

46 effects →
📊

Data

Counters, progress, charts, gauges, dashboards

28 effects →
💫

Atmosphere

Particles, confetti, snow, fire, audio, special effects

40 effects →
🛠️

Utilities

Back to top, theme toggle, countdown, badges, container queries

40 effects →
📄

Premium Templates

26 templates
📄

Premium Templates

Complete pages: landing, portfolio, pricing, dashboard

26 templates →

One codebase. Every project.

Whether you're building a Webflow client site, a WordPress theme, a personal Next.js app or a Vue dashboard — all 664 Effect.Labs effects are pure CSS and JS, copy-paste ready. No imposed dependencies, no build to configure.

WordPress Webflow Shopify React / Vue / Svelte Next.js / Nuxt Static HTML
Unique concept — a world first

Early Members Pay Less — Forever

The earlier you join, the less you pay. Your entry price is locked for life.

Spots remaining
100
spots left to get the Founders rate at 9,90€/mo
100 spots of 100
Then the price moves to 12,90€/mo — lock your rate now
Monthly Yearly 2 months free
Excl. tax / Monthly
Current tier
Founders
0 - 100 members
19,90€ 9,90€ excl. tax / mo
-50% — save every month
Locked for life
  • Access to 664 effects
  • Complete CSS & JavaScript code
  • Live customization
  • New effects every month
  • Unlimited commercial use
  • Cancel anytime
Early Adopters
101 - 1,000 members
12,90€ excl. tax / mo
-35% vs standard
Locked for life
  • Access to 664 effects
  • Complete CSS & JavaScript code
  • Live customization
  • New effects every month
  • Unlimited commercial use
  • Cancel anytime
Standard
1,000+ members
19,90€ excl. tax / mo
  • Access to 664 effects
  • Complete CSS & JavaScript code
  • Live customization
  • New effects every month
  • Unlimited commercial use
  • Cancel anytime
✨ One-time payment

Lifetime

Lifetime access to all 664 effects, all updates, no subscription. Best value beyond 15 months.

€299 excl. tax (one-time)

70+ free effects without an account

Explore and copy the code of free effects in every category, no sign-up required.

🔒
Secure Payment
🚫
No Commitment
🔄
Cancel in 1 Click
📧
Email Support

Cancel in 1 click, your access stays active until the end of the period.

Frequently Asked Questions

Everything you need to know

Over 70 effects are accessible for free, without an account or subscription. They are marked "Free" in green in each category. Click the code icon to copy directly.

Hover over any effect and click the "</>" icon that appears. For free effects, the code opens directly. For premium effects, a subscription is required.

Yes, you can cancel anytime from your Stripe management portal. Your premium access stays active until the end of the paid period. No additional fees.

Yes! The code is vanilla CSS and JavaScript. You can integrate it into any framework by slightly adapting the syntax.

Absolutely. The premium subscription allows unlimited use on your personal and client projects, as long as the subscription is active.

All effects are designed to work on desktop, tablet, and mobile. Some complex effects have fallbacks for less powerful devices.

The first 100 members (Founders) pay 9.90€/mo instead of 19.90€ — and this price is locked for life. The next 900 (Early Adopters) pay 12.90€/mo, also locked for life. After 1,000 members, the standard rate of 19.90€/mo applies. Your entry price never changes.

Both plans give access to exactly the same content (664 effects). The yearly plan saves you 2 months compared to monthly. Your locked price applies to both plans.

New effects are added every month. The library grows regularly with new categories and trending animations.

Founders Pay Less — Forever

664 effects ready to copy. Your entry price is locked for life. Join the first 100 founders.

Become a Founder — from 9.90€/mo Start for Free
ESC
↑↓ Navigate ↵ Open ESC Close