---
title: "New Wave Text Effect — Framer component · Best of Framer"
description: "$5.00 · Framer component · by RAMDIN SINGH · Text. Each layer of the word “New Wave Text Effect” is colored uniquely and offset in 3D space using translate3d, rotate, and skew…"
canonical: "https://framer.elliotli.dev/component/new-wave-text-effect"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/New Wave Text Effect

# New Wave Text Effect

[View on Framer](https://framer.com/marketplace/components/new-wave-text-effect/?via=elliot-li)

![New Wave Text Effect preview image 1](https://framer.elliotli.dev/og/component/new-wave-text-effect/84cce285a9c586c0/1600x1200.jpg)

## Summary

Each layer of the word “New Wave Text Effect” is colored uniquely and offset in 3D space using translate3d, rotate, and skew transformations, giving a rich illusion of depth.

## Description

This visually striking component

creates a **multi-layered 3D text effect** that dynamically shifts based on the user's mouse movement (or simulated motion if idle). Each layer of the word “New Wave Text Effect” is colored uniquely and offset in 3D space using translate3d, rotate, and skew transformations, giving a rich illusion of depth. Built with vanilla JavaScript and CSS, this effect is both lightweight and engaging — perfect for titles, intros, or experimental web typography.

## Rank history [How rankings work →](/terms#rankings)

-   All · #10166

## Details

- **Author**: RAMDIN SINGH
- **Price**: $5.00
- **Published**: 2025-09-30
- **Updated**: 2026-01-03
- **Added**: 2025-09-13
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos