---
title: "Split Text Effect — Framer component · Best of Framer"
description: "$4.00 · Framer component · by NOTHING · Text. animating each character"
canonical: "https://framer.elliotli.dev/component/split-text-effect"
---

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

# Split Text Effect

animating each character

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

![Split Text Effect preview image 1](https://framer.elliotli.dev/og/component/split-text-effect/32d4bfe7940454a0/1600x1200.jpg)

## Summary

animating each character

## Description

This component brings text to life with a GSAP-inspired SplitText effect, animating each character in a responsive grid layout. It supports custom web fonts, dynamic font weights, and highlight colors for beautiful text transitions. Perfect for headings, hero sections, and creative UI animations, it creates a wave-like effect from the center outward — scaling, rotating, and recoloring each character for a visually engaging experience. Adjustable duration, font size, colors, and background allow complete control over the look and feel.

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

-   All · #8239

## Details

- **Author**: NOTHING
- **Price**: $4.00
- **Published**: 2025-10-22
- **Updated**: 2026-07-11
- **Added**: 2025-10-22
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing