Wave Type

3D kinetic typography mapped onto a rippling wave plane.

One-time payment
Lifetime updates
Commercial license
Live Preview

Overview

3D kinetic typography mapped onto a rippling wave plane.

  • 3D dimensional typography
  • Smooth ripple wave animation
  • Interactive auto-rotation
  • Fully customizable colors and fonts

Wave Type

Add a calming, fluid motion to your text with Wave Type. This component maps your typography onto a 3D plane that ripples and flows like fabric or water.

Features

3D Text Mapping Your text is rendered into a high-quality texture and draped over a 3D plane geometry.

Wave Animation A smooth sine-wave distortion ripples through the text, creating a hypnotic relaxing effect.

Interactive 3D Includes auto-rotation that can be adjusted or combined with mouse interactions.

Customizable Styling Full control over text colors, background colors, and typography branding.

Use Cases

Hero Sections — Create a sophisticated, abstract background for your landing page.

Mood Setters — Perfect for wellness, spa, or creative portfolio sites.

Typography Showcases — Display fonts in a unique, dimensional way.

How to Use

Installation

  1. Copy the component URL
  2. Open your Framer project
  3. Paste the component (Cmd/Ctrl + V)

Customization

Text & Font Enter your text and select any font. Bold, typographic fonts work best for the wave effect.

Colors

  • Text Color: The color of the letters.
  • Plane Color: The background color of the 3D plane itself (fills the gaps).

Animation

  • Wave Speed: How fast the ripples move.
  • Auto Rotate: Enable/disable slow rotation of the plane.
  • Rotation Speed: Speed of the rotation.

Quick Tips

Matching Colors — Set the Plane Color and Background to the same hex code to make the text appear floating in space without visible edges.

Font Looping — Use repetitive text (e.g., "RELAX RELAX RELAX") to create a seamless pattern effect.

Performance — This uses Three.js. It is performant, but keeps an eye on CPU usage if you have multiple instances.

License

Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

Wave Type - $9

3D kinetic typography mapped onto a rippling wave plane.

One-Time Payment
Lifetime Access
Unlimited sites

You might also like

Why Choose Framer Hub Components

Loved by Framer teams

Used by Framer professionals who need premium, no-code experiences.

"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
Pierre Azalbert
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
Salman Abdulrazaq Ali
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Mark Williamson

Got questions? We've the answers

Got questions? We've the answers

Everything you need to know about FramerHub.