Crée Mon Site — Crée le site qui vous ressemble Espace client
Espace client
Retour à l’accueil

Galerie technologique

Effets & animations sur mesure.

Une vraie vitrine de ce que CSS, SVG, JavaScript et Canvas permettent d’apporter à un site moderne. Passez la souris, cliquez, faites défiler : les démonstrations sont interactives et classées par usage.

Filtrer par catégorieChoisissez d’abord ce que vous souhaitez animer.
Filtrer par technologieLa technologie réellement utilisée est indiquée sur chaque démonstration.

Démonstrations interactives

78 effets, organisés par usage.

Chaque effet peut être adapté à votre charte : couleurs, intensité, vitesse, géométrie et déclenchement.

15 démos

Boutons & CTA

CTA, boutons d’action et interactions de conversion.

FX-01CSS

Glow IA

Halo électrique premium autour d’un CTA, avec pulsation contrôlée.

Démo réelle · personnalisable
FX-02CSS

Neon Glow

Contour néon multicouche avec profondeur et lumière diffuse.

Démo réelle · personnalisable
FX-03CSS + SVG

Liquid Glass Lens

Bouton lentille en verre liquide avec reflet et déformation optique.

Démo réelle · personnalisable
FX-04JavaScript

Magnetic Button

Le CTA est attiré par le curseur avec retour élastique.

Démo réelle · personnalisable
FX-05JavaScript

Futuristic State Button

Bouton multi-état qui morph entre repos, action et validation.

Démo réelle · personnalisable
FX-06JavaScript + SVG

Sci-Fi Reticule Play

Commande circulaire sci-fi avec anneaux, verrouillage et impulsion.

Démo réelle · personnalisable
FX-07CSS + SVG

Sketch Button

Contour dessiné à la main qui se trace au survol.

Démo réelle · personnalisable
FX-08JavaScript

Ripple Click

Onde lumineuse générée au point exact du clic.

Démo réelle · personnalisable
FX-09CSS

Morphing CTA

CTA qui change de forme et révèle une action secondaire.

Démo réelle · personnalisable
Créer
Ouvrir
Valider
FX-56CSS + SVG

Luminous Glowing Orb Buttons

Boutons sphériques lumineux avec reflets, halo volumétrique et micro-interactions d’icônes.

Démo réelle · personnalisable
FX-57CSS

Neon Glassmorphism Buttons

Boutons en verre dépoli avec plaques néon qui se déploient au survol.

Démo réelle · personnalisable
FX-58CSS + SVG + JavaScript

3D Isometric Neon Buttons

Boutons en perspective isométrique avec tilt 3D, glow et impulsion au clic.

Démo réelle · personnalisable
FX-62CSS + SVG + JavaScript

Glowing Border Trace Button

Trait lumineux SVG qui parcourt le contour du bouton et accélère à l’interaction.

Démo réelle · personnalisable
FX-67CSS + JavaScript

Mouse-Reactive Iridescent Button

Bordure irisée dont la lumière suit physiquement le curseur autour du CTA.

Démo réelle · personnalisable
FX-73CSS

Neon Squish Arcade Button

Bouton arcade néon avec squash & stretch, anneau lumineux et rebond tactile.

Démo réelle · personnalisable
8 démos

Textes & typographie

Titres, accroches et typographies animées.

Donnez vie à votre site
FX-10CSS

Shimmer IA

Reflet lumineux qui traverse une typographie premium.

Démo réelle · personnalisable
Donnez vie à votre site
FX-11CSS

Text Reveal

Texte dévoilé par masque cinématique.

Démo réelle · personnalisable
Donnez vie à votre site
FX-12CSS

Pure Text Blur

Transition flou vers netteté, idéale pour titres et accroches.

Démo réelle · personnalisable
Donnez vie à votre site
FX-13CSS

Cosmic Neon Text

Typographie cosmique avec glow profond et respiration lumineuse.

Démo réelle · personnalisable
Donnez vie à votre site
FX-14CSS

Typewriter

Écriture caractère par caractère avec curseur animé.

Démo réelle · personnalisable
SITE SUR MESURE
FX-15JavaScript

Text Scramble / Decode

Les caractères se brouillent puis reconstruisent le message.

Démo réelle · personnalisable
CRÉEMONSITE
FX-16JavaScript

Kinetic Typography

Les mots réagissent au pointeur avec inertie et profondeur.

Démo réelle · personnalisable
CRÉE MON SITE
FX-74JavaScript

Text Decoder Animation

Décodage caractère par caractère avec alphabet brouillé et stabilisation progressive.

Démo réelle · personnalisable
12 démos

Cartes & surfaces

Surfaces, cartes, verre, 3D et profondeur.

Design premiumModerne. Fluide. Unique.
FX-17CSS

Border Beam

Faisceau lumineux qui parcourt le contour d’une carte.

Démo réelle · personnalisable
PREMIUM GLASSLIQUID GLASSProfondeur · réfraction · lumière
FX-18CSS + SVG

Liquid Glass Distortion

Carte en verre avec véritable filtre de distorsion et réfraction.

Démo réelle · personnalisable
Design premiumModerne. Fluide. Unique.
FX-19JavaScript

Spotlight Mouse

Spot lumineux qui suit le curseur sur la matière de la carte.

Démo réelle · personnalisable
Design premiumModerne. Fluide. Unique.
FX-20JavaScript

Tilt 3D

Inclinaison 3D réactive avec profondeur et reflet spéculaire.

Démo réelle · personnalisable
PREMIUMInteractive UI
FX-21JavaScript

Holographic Card

Reflet holographique irisé piloté par le pointeur.

Démo réelle · personnalisable
Design premiumModerne. Fluide. Unique.
FX-22CSS + SVG

Squiggly Border Glow

Contour ondulé animé, lumineux et organique.

Démo réelle · personnalisable
01Identité
02Design
03Motion
FX-23JavaScript

3D Stacking Cards

Pile de cartes qui se déploie réellement en profondeur.

Démo réelle · personnalisable
01Design
02Motion
03Impact
FX-68CSS + JavaScript

Interactive Glowing Grid Cards

Grille de cartes dont le halo se déplace continûment autour du pointeur.

Démo réelle · personnalisable
PREMIUMOFFRE ESSENTIELUn contour électrique vivant pour mettre une offre en avant.
FX-70CSS + SVG

Animated Electric Border Card

Carte premium avec contour électrique instable, idéale pour mettre une offre en avant.

Démo réelle · personnalisable
3D GLOW
FX-75CSS

3D Glowing Object

Objet vitrine 3D translucide avec liquide lumineux et rotation synchronisée.

Démo réelle · personnalisable
FX-76CSS

Animated Border Gradient Glow — Variantes

Plusieurs bordures gradient animées : cyan/violet, rose/or, vert/bleu et multicolore.

Démo réelle · personnalisable

Lune naturelle

Glow orbital froid

voir

Lune orange

Halo ambré premium

voir

Lune rouge

Atmosphère dramatique

voir

Lune bleue

Ambiance nocturne

voir
FX-77CSS

Moon Glowing Cards

Cartes lunaires avec halo orbital, relief sombre et éclairage atmosphérique.

Démo réelle · personnalisable
9 démos

Images & galeries

Photos, galeries et expériences visuelles.

GL
FX-24JavaScript

Radial Gallery

Galerie circulaire interactive avec rotation et focus central.

Démo réelle · personnalisable
Exemple visuel animéEXPÉRIENCE VISUELLE
FX-25CSS

Image Shine

Reflet photographique traversant l’image au survol.

Démo réelle · personnalisable
Exemple visuel animéEXPÉRIENCE VISUELLE
FX-26CSS

Image Zoom Reveal

Zoom doux avec dévoilement cinématique.

Démo réelle · personnalisable
PROFONDEUR
FX-27JavaScript

Parallax Depth

Premier plan et arrière-plan se déplacent à vitesses différentes.

Démo réelle · personnalisable
Exemple visuel animéEXPÉRIENCE VISUELLE
FX-28CSS

Mask Reveal

Révélation d’image par masque géométrique animé.

Démo réelle · personnalisable
Exemple visuel animéEXPÉRIENCE VISUELLE
FX-29CSS

Hover Blur Focus

Le visuel ciblé gagne en netteté pendant que le reste s’efface.

Démo réelle · personnalisable
Bougez ici
FX-30JavaScript

Image Trail Cursor

Des mini-images suivent le curseur puis disparaissent en douceur.

Démo réelle · personnalisable
Architecture premium
FX-31JavaScript

Lens Magnifier

Vraie loupe interactive qui grossit la zone survolée.

Démo réelle · personnalisable
Gradient glow cyan violet
Gradient glow multicolore
Gradient glow doré
Gradient glow iridescent
FX-78SCSS/CSS + SVG

Animated Image Gradient Glow Border

Bordure gradient tournante autour d’une image avec glow renforcé par filtres SVG.

Démo réelle · personnalisable
7 démos

Menus & navigation

Navigations modernes, compactes ou immersives.

FX-32JavaScript

Dock dynamique

Dock moderne : grossissement local, profondeur et retour fluide.

Démo réelle · personnalisable
FX-33JavaScript

Morphing Nav Bubble

Une capsule lumineuse glisse sous le lien actif.

Démo réelle · personnalisable
FX-34JavaScript

Elastic Menu

Navigation souple avec déplacement élastique entre les entrées.

Démo réelle · personnalisable
MENUAccueilRéalisationsContact
FX-35CSS + JavaScript

Fullscreen Morph Menu

Un bouton hamburger se transforme en navigation plein écran.

Démo réelle · personnalisable
FX-61SCSS/CSS + JavaScript

Radial Dial Control Menu

Menu circulaire avec cadran rotatif et sélection d’actions autour d’un noyau central.

Démo réelle · personnalisable
FX-71CSS + JavaScript

Glowing Tabs

Onglets avec capsule lumineuse fluide qui glisse sous l’élément sélectionné.

Démo réelle · personnalisable
FX-72CSS + JavaScript

Cyber Sliding Tab Bar

Barre de navigation cyber avec indicateur néon coulissant et états actifs.

Démo réelle · personnalisable
8 démos

Scroll & transitions

Effets liés au défilement, au chargement et au storytelling.

100%Chargement premium
FX-36CSS

Blurry Loading

Chargement progressif du flou vers la netteté avec compteur.

Démo réelle · personnalisable
PROGRESSIVEScroll pour modifier le blur
FX-37JavaScript

Progressive Blur

Le niveau de flou évolue réellement selon la progression du scroll.

Démo réelle · personnalisable
APPARITIONIntersection Observer
FX-38JavaScript

Scroll Fade Up

Apparition déclenchée quand le composant entre dans le viewport.

Démo réelle · personnalisable
VELOCITYFaites défiler la page
FX-39JavaScript

Scroll Velocity

Le mouvement et l’inclinaison réagissent à la vitesse du scroll.

Démo réelle · personnalisable
01UNE HISTOIRE
QUI ÉVOLUE
FX-40CSS + JavaScript

Pinned Storytelling

Une scène reste ancrée pendant que son contenu se transforme.

Démo réelle · personnalisable
FX-63CSS

Glowing Chasing Squares Loader

Loader géométrique composé de carrés lumineux qui se poursuivent en boucle.

Démo réelle · personnalisable
SCROLL 0%
FX-66CSS + JavaScript

Scroll-Driven Glowing Slider

Piste lumineuse dont la progression suit le défilement de la page.

Démo réelle · personnalisable
CRÉE MON SITEUne expérience qui prend vie
0%Chargement
FX-80CSS + JavaScript

Blurry Loading Page Animation

Transition de page floue qui se clarifie progressivement avec indicateur de chargement.

Démo réelle · personnalisable
4 démos

Curseur & interactions

Interactions qui répondent directement au pointeur.

GLOW
FX-41JavaScript

Glowing Blob

Blob lumineux organique qui suit et fuit le pointeur.

Démo réelle · personnalisable
Bougez la souris
FX-42JavaScript + Canvas

Neon 3D Tubes Cursor Trail

Traînée de tubes néon en profondeur, calculée en temps réel.

Démo réelle · personnalisable
SUR MESURE
TECHNOLOGIE
FX-43JavaScript

Mouse Spotlight Reveal

Le pointeur révèle une seconde couche uniquement sous son faisceau.

Démo réelle · personnalisable
Bougez la souris et cliquez
FX-44JavaScript + Canvas

Particle Cursor Explosion

Explosion de particules au clic avec dispersion et extinction.

Démo réelle · personnalisable
6 démos

Fonds & ambiances

Ambiances visuelles pour hero, sections et univers de marque.

LE WEB DEVIENT
UNE EXPÉRIENCE
FX-45CSS

Aurora Background

Aurores mouvantes multicouches pour hero ou section premium.

Démo réelle · personnalisable
LE WEB DEVIENT
UNE EXPÉRIENCE
FX-47CSS

Animated Grid

Grille digitale animée avec halo de profondeur.

Démo réelle · personnalisable
Bougez la souris
FX-48JavaScript + Canvas

Interactive Mesh Gradient

Dégradé organique vivant influencé par le pointeur.

Démo réelle · personnalisable
Bougez la souris
FX-49JavaScript + Canvas

Particle Morph

Nuage de particules qui se rassemble en symbole puis se disperse.

Démo réelle · personnalisable
Bougez la souris
FX-50JavaScript + Canvas

Interactive Neon Grid

Grille néon qui se déforme et s’illumine autour du pointeur.

Démo réelle · personnalisable
FX-60CSS + JavaScript

Geometric Glowing Triangle Grid

Maille triangulaire lumineuse avec masque géométrique et halo réactif au pointeur.

Démo réelle · personnalisable
2 démos

Séparateurs & bannières

Transitions graphiques entre sections et bannières fortes.

FX-51CSS

Glow Separator

Séparateur avec point lumineux mobile et halo visible.

Démo réelle · personnalisable
UNE EXPÉRIENCE
À VOTRE IMAGE
FX-52CSS + JavaScript

Fancy Banner

Bannière premium multicouche avec parallaxe lumineuse.

Démo réelle · personnalisable
7 démos

Contrôles UI

Radios, sélecteurs et composants d’interface.

FX-54JavaScript + SVG

Neon Elastic Radio

Contrôle radio à trait néon élastique et retour dynamique.

Démo réelle · personnalisable
FX-55JavaScript

Futuristic Theme Switcher

Sélecteur de thème morphing avec coins et états futuristes.

Démo réelle · personnalisable
FX-59CSS + JavaScript

Crée Mon Site Energy Theme Toggle

Interrupteur 3D lumineux adapté à l’univers Crée Mon Site, avec barre d’énergie et changement d’état.

Démo réelle · personnalisable
68%
FX-64CSS + JavaScript

Dynamic Neon Glow Range Slider

Slider néon dont la piste, le halo et la valeur réagissent en temps réel.

Démo réelle · personnalisable
FX-65CSS

Neon Glow Toggle Switch

Interrupteur tactile à bordure néon avec poignée lumineuse et changement d’état.

Démo réelle · personnalisable
FX-69CSS

Industrial Ember Glow Toggle

Interrupteur industriel à braise orange, texture sombre et cœur incandescent.

Démo réelle · personnalisable
NEON TIME
FX-79CSS + JavaScript

Neon Clock

Horloge néon animée avec aiguilles lumineuses et halo dynamique.

Démo réelle · personnalisable

Sur mesure

Vous avez repéré un effet ailleurs ?

Montrez-nous votre référence. Nous pouvons étudier une version originale adaptée à votre identité graphique, à votre ergonomie et aux performances de votre site.