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
🚀 70+ free effects • 660+ 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
660+
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 660+ 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

660+ 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 →
Unique concept — a world first

You Set the Price

Every new subscriber lowers the price for everyone. You don't pay more because you arrived first — you pay less because we grow together.

Early Bird — First 500
14,90€ 9,90€ excl. tax / mo
The first 500 members pay 9.90€ instead of 14.90€. After that, the standard price applies — but at 1,000 members, the price drops for everyone.
Community Live
0
9,90€/mo — next tier at 500 members
Current tier 500 members
At 500 members, the price returns to 14.90€/mo — then drops at 1,000 members for everyone
The price the community unlocks
Monthly Yearly -17%
Excl. tax / Monthly
9,90€ 0 - 499
14,90€ 500 - 999
7,90€ 1,000 - 4,999
4,90€ 5,000+
Monthly
Maximum flexibility
14,90€ 9,90€ excl. tax / mo
Early Bird — 34% off
Early Bird: 0-499 members
  • Access to 660+ effects
  • Complete CSS & JavaScript code
  • Live customization
  • New effects every week
  • Unlimited commercial use
  • Cancel anytime
Recommended
Yearly
2 months free
118,80€ 99€ excl. tax / yr (8.25€/mo)
Save 19.80€ vs monthly
Early Bird: 0-499 members
  • Access to 660+ effects
  • Complete CSS & JavaScript code
  • Live customization
  • New effects every week
  • Unlimited commercial use
  • 2 months free vs monthly

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 500 members get the Early Bird rate at 9.90€/mo instead of 14.90€. After 500 members, the standard price (14.90€) applies. At 1,000 members, community pricing kicks in: the price drops to 7.90€ for everyone, including existing members. At 5,000 members, it drops to 4.90€. Once a tier is reached, it is permanent: the price never goes back up.

Both plans give access to exactly the same content (660+ effects). The yearly plan saves you 2 months compared to monthly. Both benefit from community price drops.

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

The More We Grow, the Less We Pay

664 effects ready to copy. A price that drops at every tier. Join the first members and lower the price for everyone.

Join the Community — Early Bird 9.90€/mo Start for Free
ESC
↑↓ Navigate ↵ Open ESC Close