RippleText

Light weight ripple text effect

About this Component Ripple Text is a clean, lightweight component designed to add a cool ripple effect to headings, hero intros, and section titles. This component focuses purely on visual emphasis — not interaction — making your text stand out with a subtle text animation. Perfect for hero sections, landing pages, personal portfolios, product intros, and any layout that needs a premium, attention-grabbing text accent. Purpose & Usage This component is intentionally designed as a non-interactive text styling element. It is not meant to function as a button or a navigation link, even though the effect and motion may visually resemble interactive UI. Use it for: Hero headings Section titles Intro text Decorative labels If users want to use it as a link, they can wrap it inside a link container — but the component itself is optimized for styling text only, not triggering actions. Customization Easily customize ripple intensity, text size, colors, fonts, and animations duration directly from the Framer edit panel. The minimal structure keeps your layout clean while the ripple effect adds depth without overwhelming the design.

Light weight ripple text effect