RippleText
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.
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.
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.
Tanjir i.
