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