---
title: "Text Animation Generator — Spectra"
canonical_url: "https://usespectra.app/tools/text-animation"
last_updated: "2026-09-03T14:39:57.151Z"
meta:
  description: "Send a gradient travelling across your text and get every frame as a ready config block. Pick the animation, the color format and the exact shape of the output."
  "og:description": "Send a gradient travelling across your text and get every frame as a ready config block. Pick the animation, the color format and the exact shape of the output."
  "og:title": "Text Animation Generator"
  "twitter:description": "Send a gradient travelling across your text and get every frame as a ready config block. Pick the animation, the color format and the exact shape of the output."
  "twitter:title": "Text Animation Generator"
---

# **Text Animation Generator**

Send a gradient travelling across your text and get every frame as a ready config block. Pick the animation, the color format and the exact shape of the output.

In-game preview

1 / 22

**Play**

Spectra

Your text

Name

Change interval

In milliseconds. 50 gives 20 frames a second, 1000 changes once a second.

Animation

Formatting codes

Color format

Output template

`%name%` · the name above`%speed%` · the change interval`%output:{ … $t … }%` · repeats per frame, $t is the frame text

**Output**

22 frames

```
logo:
  change-interval: 50
  texts:
  - "&#c4f454S&#bfd964p&#babf75e&#b5a485c&#af8995t&#aa6fa6r&#a554b6a"
  - "&#bfd964S&#c4f454p&#bfd964e&#babf75c&#b5a485t&#af8995r&#aa6fa6a"
  - "&#babf75S&#bfd964p&#c4f454e&#bfd964c&#babf75t&#b5a485r&#af8995a"
  - "&#b5a485S&#babf75p&#bfd964e&#c4f454c&#bfd964t&#babf75r&#b5a485a"
  - "&#af8995S&#b5a485p&#babf75e&#bfd964c&#c4f454t&#bfd964r&#babf75a"
  - "&#aa6fa6S&#af8995p&#b5a485e&#babf75c&#bfd964t&#c4f454r&#bfd964a"
  - "&#a554b6S&#aa6fa6p&#af8995e&#b5a485c&#babf75t&#bfd964r&#c4f454a"
  - "&#aa6fa6S&#a554b6p&#aa6fa6e&#af8995c&#b5a485t&#babf75r&#bfd964a"
  - "&#af8995S&#aa6fa6p&#a554b6e&#aa6fa6c&#af8995t&#b5a485r&#babf75a"
  - "&#b5a485S&#af8995p&#aa6fa6e&#a554b6c&#aa6fa6t&#af8995r&#b5a485a"
  - "&#babf75S&#b5a485p&#af8995e&#aa6fa6c&#a554b6t&#aa6fa6r&#af8995a"
  - "&#bfd964S&#babf75p&#b5a485e&#af8995c&#aa6fa6t&#a554b6r&#aa6fa6a"
  - "&#babf75S&#b5a485p&#af8995e&#aa6fa6c&#a554b6t&#aa6fa6r&#af8995a"
  - "&#b5a485S&#af8995p&#aa6fa6e&#a554b6c&#aa6fa6t&#af8995r&#b5a485a"
  - "&#af8995S&#aa6fa6p&#a554b6e&#aa6fa6c&#af8995t&#b5a485r&#babf75a"
  - "&#aa6fa6S&#a554b6p&#aa6fa6e&#af8995c&#b5a485t&#babf75r&#bfd964a"
  - "&#a554b6S&#aa6fa6p&#af8995e&#b5a485c&#babf75t&#bfd964r&#c4f454a"
  - "&#aa6fa6S&#af8995p&#b5a485e&#babf75c&#bfd964t&#c4f454r&#bfd964a"
  - "&#af8995S&#b5a485p&#babf75e&#bfd964c&#c4f454t&#bfd964r&#babf75a"
  - "&#b5a485S&#babf75p&#bfd964e&#c4f454c&#bfd964t&#babf75r&#b5a485a"
  - "&#babf75S&#bfd964p&#c4f454e&#bfd964c&#babf75t&#b5a485r&#af8995a"
  - "&#bfd964S&#c4f454p&#bfd964e&#babf75c&#b5a485t&#af8995r&#aa6fa6a"
```

## **Features**

### **Frames, not a filter**

Servers have no animation of their own — a plugin swaps between prepared lines. The generator produces exactly those lines, one per frame.

### **Bouncing loops seamlessly**

The ramp is mirrored without repeating either end, so the last frame flows into the first instead of jumping back across the whole gradient.

### **Template you control**

The default matches the usual animated-tab config, but the block is free text — reshape it for whatever plugin you use and the frames drop into place.

## **Frequently asked questions**

## **Come say hi**

Support, mod recommendations, build feedback and weekend events. The Discord is where Spectra actually lives.

**50+**

members

[Join the Discord](https://discord.gg/pv52eNr6uc)