Soft Ripple Effect
Soft Ripple Effect
Type
Component
Plateforme
Framer
Créé en
2026
Type
Component
Plateforme
Framer
Créé en
2026
Une onde douce, façon eau, qui se joue au hover : une ombre discrète sur fond clair, un glow sur fond sombre
Soft Ripple Effect ajoute une onde douce façon eau qui se joue au hover : une ombre discrète sur les fonds clairs ou colorés, ou un glow doux sur les fonds sombres, au choix via un seul réglage Background qui bascule automatiquement le blend mode.
C’est une pure couche d’overlay, sans style propre : elle se pose en absolute dans n’importe quel Stack ou Frame, au-dessus ou en dessous de votre contenu. Le texte reste sélectionnable et les boutons ou liens restent cliquables, peu importe sa position dans la pile.
Réglages de l’onde
Background Light ou Dark, le blend mode bascule automatiquement pour rester lisible
Start Size et End Size pour la taille de départ et l’amplitude de l’onde
Speed et Opacity pour la vitesse et l’intensité de chaque onde
Origin : Center, Entry Point ou Follow Cursor pour choisir où démarre chaque onde
Cursor Rate (en mode Follow Cursor) pour la fréquence de redéclenchement
Intégration et usage
Pure couche d’overlay, sans style propre, à poser en absolute dans un Stack ou un Frame
Texte sélectionnable et boutons ou liens cliquables, quelle que soit sa position dans la pile
Fonctionne au tap sur mobile comme au hover sur desktop

