Title: TextTweener
Author: Michael Rademacher
Published: <strong>11. travnja 2026.</strong>
Last modified: 11. travnja 2026.

---

Pretraga dodataka

![](https://ps.w.org/texttweener/assets/banner-772x250.jpg?rev=3503894)

![](https://ps.w.org/texttweener/assets/icon-256x256.png?rev=3503894)

# TextTweener

 Od [Michael Rademacher](https://profiles.wordpress.org/realmaker/)

[Preuzmi](https://downloads.wordpress.org/plugin/texttweener.1.1.0.zip)

 * [Detalji](https://hr.wordpress.org/plugins/texttweener/#description)
 * [Recenzije](https://hr.wordpress.org/plugins/texttweener/#reviews)
 *  [Instalacija](https://hr.wordpress.org/plugins/texttweener/#installation)
 * [Razvoj](https://hr.wordpress.org/plugins/texttweener/#developers)

 [Podrška](https://wordpress.org/support/plugin/texttweener/)

## Opis

TextTweener is a Gutenberg block that creates smooth, animated text transitions.
Individual letters morph and move to their new positions, creating an elegant text
rotation effect.

**Live Demo:** [https://realmaker.de/texttweener/](https://realmaker.de/texttweener/)—
see the animation in action before installing.

**Source Code & Build Instructions:**

The minified file `assets/texttweener.umd.min.js` is built from the TypeScript source
at:
 [https://github.com/Realmaker/textTweener](https://github.com/Realmaker/textTweener)

To build from source:

 1. Clone the repository: `git clone https://github.com/Realmaker/textTweener.git`
 2. Install dependencies: `npm install`
 3. Build: `npm run build`

The compiled output is generated in `dist/` using [tsup](https://tsup.egoist.dev/)(
ESBuild-based bundler). The build configuration is in `tsup.config.ts`.

**Features:**

 * Smooth letter-by-letter animation between text phrases
 * Customizable display duration, transition speed, and stagger
 * Multiple easing presets (Smooth, Ease Out, Bounce, Linear)
 * Add as many text phrases as you need
 * Responsive and works with any WordPress theme
 * No jQuery dependency
 * No-JavaScript fallback for accessibility

**Usage:**

 1. Add the “TextTweener” block in the WordPress block editor
 2. Enter at least two text phrases in the block settings
 3. Customize animation settings (duration, easing, stagger) as desired
 4. Publish and watch your text animate

## Snimke zaslona

[⌊TextTweener block in the Block Inserter (Text category).⌉⌊TextTweener block in
the Block Inserter (Text category).⌉[

TextTweener block in the Block Inserter (Text category).

[⌊Block sidebar — add as many text phrases as you like.⌉⌊Block sidebar — add as 
many text phrases as you like.⌉[

Block sidebar — add as many text phrases as you like.

[⌊Animation controls — display duration, transition, stagger, easing, loop.⌉⌊Animation
controls — display duration, transition, stagger, easing, loop.⌉[

Animation controls — display duration, transition, stagger, easing, loop.

[⌊Appearance controls — font size.⌉⌊Appearance controls — font size.⌉[

Appearance controls — font size.

## Blokovi

Ovaj dodatak omogućava 1 blok.

 *   TextTweener Animated text transitions — letters morph to their new positions.

## Instalacija

 1. Upload the `texttweener` folder to `/wp-content/plugins/`
 2. Activate the plugin through the “Plugins” menu in WordPress
 3. Use the “TextTweener” block in the block editor

## Pitanja i odgovori

### How many text phrases can I add?

You can add as many text phrases as you like. A minimum of two is required for the
animation to work.

### Does it work with any theme?

Yes, TextTweener works with any WordPress theme that supports the block editor.

### Can I control the animation speed?

Yes. You can adjust the display duration (how long each text is shown), transition
duration (how fast the morph animation plays), and stagger (delay between individual
letter animations).

## Recenzije

Nema recenzija za ovaj dodatak.

## Suradnici i Programeri

“TextTweener” je softver otvorenog koda. Sljedeće osobe su doprinijele ovom dodatku.

Suradnici

 *   [ Michael Rademacher ](https://profiles.wordpress.org/realmaker/)

“TextTweener” je preveden na 1 jezik. Zahvala [prevoditeljima](https://translate.wordpress.org/projects/wp-plugins/texttweener/contributors)
za njihov doprinos.

[Prevedite “TextTweener” na svoj jezik.](https://translate.wordpress.org/projects/wp-plugins/texttweener)

### Zainteresirani ste za razvoj?

[Pregledajte kôd](https://plugins.trac.wordpress.org/browser/texttweener/), pogledajte
[SVN spremište](https://plugins.svn.wordpress.org/texttweener/)ili se pretplatite
na [dnevnik razvoja](https://plugins.trac.wordpress.org/log/texttweener/) od [RSS](https://plugins.trac.wordpress.org/log/texttweener/?limit=100&mode=stop_on_copy&format=rss).

## Dnevnik promjena

#### 1.1.0

 * Improved WordPress.org compliance
 * Replaced inline scripts with wp_add_inline_script()
 * Added internationalization support (load_plugin_textdomain)
 * Updated block.json with editorScript, editorStyle, and viewScript
 * Changed license to GPL-2.0-or-later
 * Added readme.txt
 * Updated to modern script registration format
 * Replaced deprecated AlignmentToolbar with AlignmentControl

#### 1.0.0

 * Initial release

## Meta

 *  Version **1.1.0**
 *  Zadnje ažuriranje **prije 6 mjeseci**
 *  Aktivnih instalacija **Manje od 10**
 *  WordPress inačica ** 6.3 ili viša **
 *  Testirano do **6.9.9**
 *  PHP inačica ** 7.4 ili viša **
 *  Jezici
 * [English (US)](https://wordpress.org/plugins/texttweener/) i [Russian](https://ru.wordpress.org/plugins/texttweener/).
 *  [Prevedite na vaš jezik](https://translate.wordpress.org/projects/wp-plugins/texttweener)
 * Oznaka
 * [animation](https://hr.wordpress.org/plugins/tags/animation/)[block](https://hr.wordpress.org/plugins/tags/block/)
   [morph](https://hr.wordpress.org/plugins/tags/morph/)[text](https://hr.wordpress.org/plugins/tags/text/)
   [transition](https://hr.wordpress.org/plugins/tags/transition/)
 *  [Napredni pogled](https://hr.wordpress.org/plugins/texttweener/advanced/)

## Ocjena

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/texttweener/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/texttweener/reviews/)

## Suradnici

 *   [ Michael Rademacher ](https://profiles.wordpress.org/realmaker/)

## Podrška

Želite nešto reći? Potrebna vam je pomoć?

 [Pregledaj forum za podršku](https://wordpress.org/support/plugin/texttweener/)