Text Wave

Bring your typography to life with this dynamic 3D Wave Text Animation component. Your text is sliced into multiple layers, each animated with smooth scaling, rotation, and color transitions. The result is a vivid wave effect that feels fluid, energetic, and modern. You can control the font, colors, animation timing, scale limits, and rotation intensity, giving you complete creative freedom.

This component is great for hero headers, landing pages, product launches, portfolio sections, and any scene where you want high visual impact. It blends well with neon, tech, futuristic, creative agency, and dark UI themes.

✅ Key features

• 🎨 Full control over fonts, colors, and background

• 🌊 Smooth wave animation with slice-based rendering

• 🧱 Adjustable scale, rotation, easing, and duration

• 🔧 Extended font controls for precise styling

• 🧩 Works inside any Framer layout with a fixed size

• ⚡ High performance with memoized slice logic

• 🖼 Great blend effect with screen mix mode

✅ Best for

• 🚀 Hero text animations

• 🏁 Landing page intros

• 🎬 Motion design sections

• ⭐ Personal portfolio headers

• 🧪 Creative agency websites

• 🔥 Neon, tech, futuristic themed UIs

✅ Where to use

• At the top of the page, as a bold statement

• Title sections that need movement

• Promotional text for launches or updates

• Interactive visual storytelling layouts