Fondamentaux

Boutons Texte & Typo Formulaires Navigation & UI Chargement

Design & Visuels

Backgrounds Glass & Morphism Effets Visuels Liquid & Morphing SVG & Art

Animations & Scroll

Scroll & Parallax Transitions Hover & Interactions 3D & Profondeur Curseurs

Galerie & Plus

Cartes & Layouts Galerie & Média Data & Visualisation Atmosphère Utilitaires
Tous les effets Nouveautés Favoris Templates Blog Astuces
🚀 70+ effets gratuits • 660+ effets premium • 26 templates

Copiez le code,
Impressionnez vos clients

664 effets CSS & JavaScript prets a copier-coller. Gagnez des heures de dev sur chaque projet.

Explorer les effets gratuits Voir les abonnements
660+
Effets
20
Catégories
26
Templates
Chaque mois
Mis a jour

Des effets qui parlent d'eux-memes

Apercu de ce qui vous attend dans la bibliotheque. Chaque effet est pret a copier.

Button Glow Boutons
Glass Card
Glass Card Glass
Effect.Labs
Text Gradient Texte
Survolez-moi
Hover Lift Hover
Spinner Chargement
Floating Elements Parallax
Explorer les 660+ effets

Simple comme 1, 2, 3

Intégrez des effets professionnels en quelques secondes

1

Choisissez

Parcourez nos 20 catégories et trouvez l'effet parfait pour votre projet

2

Prévisualisez

Testez l'effet en direct, personnalisez les couleurs et paramètres

3

Copiez

Un clic sur "Voir le code", copiez le CSS/JS et collez dans votre projet

Du code propre, prêt à l'emploi

Chaque effet vient avec son code CSS et JavaScript optimisé. Pas de dépendances inutiles, pas de framework obligatoire.

  • Code CSS vanilla optimisé
  • JavaScript moderne (ES6+)
  • Animations GPU-accelerated
  • Compatible tous navigateurs
  • Responsive par défaut
  • Personnalisable via CSS variables
Voir les effets
button-glow.css 
/* Bouton avec effet Glow */
.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 categories d'effets

660+ effets organises en 4 familles pour trouver rapidement ce qu'il vous faut

🧱

Fondamentaux

5 categories
🔘

Boutons

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

27 effets →
✍️

Texte

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

56 effets →
📝

Formulaires

Inputs animes, validation, labels, toggles

20 effets →
🧭

Navigation

Menus, hamburgers, tabs, sidebars, mega-menus

36 effets →
⏳

Chargement

Spinners, skeleton, progress, shimmer, dots

28 effets →
🎨

Design & Visuels

5 categories
🌌

Backgrounds

Gradients, mesh, particles, waves, noise, patterns

50 effets →
🧊

Glass

Glassmorphism, neumorphism, frosted, blur, soft UI

42 effets →
📺

Visuels

Glitch, holographique, masques, morphing, distortion

30 effets →
🌊

Liquid

Metaballs, waves, ripple, blob, fluid, generatif

20 effets →
✏️

SVG

Line draw, morph, path, icons, animations

28 effets →
🎬

Animations & Scroll

5 categories
📜

Scroll

Parallax, reveal, sticky, snap, scrollytelling

64 effets →
🎬

Transitions

Page, view, theme, fade, morph, slide

40 effets →
👆

Hover

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

48 effets →
🔷

3D

Cube, perspective, flip, motion path, physique

40 effets →
🖱️

Curseurs

Custom, trail, magnetic, glow, interactive

26 effets →
🎮

Galerie & Plus

5 categories
🃏

Cartes

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

33 effets →
🎠

Galerie

Carousel, lightbox, marquee, slider, zoom

46 effets →
📊

Data

Counters, progress, charts, gauges, dashboards

28 effets →
💫

Atmosphère

Particles, confetti, neige, feu, audio, effets speciaux

40 effets →
🛠️

Utilitaires

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

40 effets →
📄

Templates Premium

26 templates
📄

Templates Premium

Pages completes: landing, portfolio, pricing, dashboard

26 templates →
Concept unique — une première mondiale

C'est vous qui decidez du prix

Chaque nouvel abonne fait baisser le prix pour tout le monde. Vous ne payez pas plus parce que vous etes arrive en premier — vous payez moins parce qu'on grandit ensemble.

Early Bird — 500 premiers
14,90€ 9,90€ HT / mois
Les 500 premiers paient 9,90€ au lieu de 14,90€. Ensuite, le prix normal s'applique — mais des 1 000 membres, il baisse pour tout le monde.
La communauté en direct
0
9,90€/mois — prochain palier a 500 membres
Palier actuel 500 membres
A 500 membres, le prix passe a 14,90€/mois — puis baisse des 1 000 membres pour tout le monde
Le prix que la communauté debloque
Mensuel Annuel -17%
Prix HT / Mensuel
9,90€ 0 - 499
14,90€ 500 - 999
7,90€ 1 000 - 4 999
4,90€ 5 000+
Mensuel
Flexibilite maximale
14,90€ 9,90€ HT / mois
Early Bird — 34% de reduction
Early Bird : 0-499 membres
  • Acces aux 660+ effets
  • Code CSS & JavaScript complet
  • Customisation en direct
  • Nouveaux effets chaque semaine
  • Utilisation commerciale illimitee
  • Annulable a tout moment
Recommande
Annuel
2 mois offerts
118,80€ 99€ HT / an (8,25€/mois)
Economisez 19,80€ vs mensuel
Early Bird : 0-499 membres
  • Acces aux 660+ effets
  • Code CSS & JavaScript complet
  • Customisation en direct
  • Nouveaux effets chaque semaine
  • Utilisation commerciale illimitee
  • 2 mois offerts vs mensuel

70+ effets gratuits sans compte

Explorez et copiez le code des effets gratuits dans chaque categorie, sans inscription.

🔒
Paiement securise
🚫
Sans engagement
🔄
Annulable en 1 clic
📧
Support par email

Annulez en 1 clic, votre acces reste actif jusqu'a la fin de la periode.

Questions fréquentes

Tout ce que vous devez savoir

Plus de 70 effets sont accessibles gratuitement, sans compte ni abonnement. Ils sont marques "Gratuit" en vert dans chaque categorie. Cliquez sur l'icone code pour copier directement.

Survolez n'importe quel effet et cliquez sur l'icone "</>" qui apparait. Pour les effets gratuits, le code s'ouvre directement. Pour les effets premium, un abonnement est requis.

Oui, vous pouvez annuler a tout moment depuis votre espace de gestion Stripe. Votre acces premium reste actif jusqu'a la fin de la periode payee. Aucuns frais supplementaires.

Oui ! Le code est du CSS et JavaScript vanilla. Vous pouvez l'integrer dans n'importe quel framework en adaptant legerement la syntaxe.

Absolument. L'abonnement premium permet une utilisation illimitee sur vos projets personnels et clients, tant que l'abonnement est actif.

Tous les effets sont concus pour fonctionner sur desktop, tablette et mobile. Certains effets complexes ont des fallbacks pour les appareils moins puissants.

Les 500 premiers membres beneficient du tarif Early Bird a 9,90€/mois au lieu de 14,90€. Apres 500 membres, le prix normal (14,90€) s'applique. Des 1 000 membres, le community pricing s'active : le prix baisse a 7,90€ pour tout le monde, y compris les membres existants. A 5 000 membres, il passe a 4,90€. Un palier franchi est acquis definitivement : le prix ne remonte jamais.

Les deux plans donnent acces a exactement le meme contenu (660+ effets). L'annuel vous fait economiser 2 mois par rapport au mensuel. Les deux beneficient des baisses de prix communautaires.

De nouveaux effets sont ajoutes chaque mois. La bibliotheque grandit regulierement avec de nouvelles categories et animations tendance.

Plus on grandit, moins on paie

664 effets prets a copier. Un prix qui baisse a chaque palier. Rejoignez les premiers et faites baisser le prix pour tous.

Rejoindre la communauté — Early Bird 9,90€/mois Commencer gratuitement
ESC
↑↓ Naviguer ↵ Ouvrir ESC Fermer