811 CSS & JavaScript effects ready to copy-paste. Save hours of development on every project.
A new category joins the library: Gestures & Webcam. Eleven effects react to your hands and face, live on your webcam: lightning between your fingers, a cursor steered by your index finger, a drawing traced in mid-air…
Shown here: Lightning Hands. Without a camera, every demo runs on the cursor; the camera only turns on when you click, and nothing is uploaded.
All 11 effects are included in Premium.
Explore Gestures & Webcam
A category of its own: generators. Push the sliders, feed it your logo or your text, watch it live — then take the code away, as one standalone file with no library at all.
On the right: our own logo, redrawn by 12,000 particles.
The preview, the settings and the PNG image are free, no account needed; the code comes with a Premium subscription.
See the generatorsDon't miss our news: follow @effect_labs on X
A preview of what awaits you in the library. Every effect is ready to copy.
40 effects across 21 categories — preview, copy, integrate.
Integrate professional effects in seconds
Browse our 21 categories and find the perfect effect for your project
Test the effect live, customize colors and parameters
One click on "View code", copy the CSS/JS and paste into your project
Every effect comes with optimized CSS and JavaScript code. No unnecessary dependencies, no mandatory framework.
/* 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); } }
811 effects organized in 4 families to quickly find what you need
Parallax, reveal, sticky, snap, scrollytelling
Page, view, theme, fade, morph, slide
Scale, reveal, underline, shine, tilt, micro-interactions
Cube, perspective, flip, motion path, physique
Custom, trail, magnetic, glow, interactive
Hands, face, webcam: lightning, particles, holograms
Whether you're building a Webflow client site, a WordPress theme, a personal Next.js app or a Vue dashboard — all 811 Effect.Labs effects are pure CSS and JS, copy-paste ready. No imposed dependencies, no build to configure.
The earlier you join, the less you pay. Your entry price is locked for life.
100+ free effects without an account
Explore and copy the code of free effects in every category, no sign-up required.
Cancel in 1 click, your access stays active until the end of the period.
Everything you need to know
Over 100 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 (811 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.
811 effects ready to copy. Your entry price is locked for life. Join the first 100 founders.
