Title: Jupa &#8211; Typed Text
Author: Jupa
Published: <strong>செப்டம்பர் 9, 2026</strong>
Last modified: செப்டம்பர் 19, 2026

---

நீட்சிகளை தேடுங்கள்

![](https://ps.w.org/jupa-typed-text/assets/banner-772x250.png?rev=3687518)

![](https://ps.w.org/jupa-typed-text/assets/icon.svg?rev=3687518)

# Jupa – Typed Text

 By [Jupa](https://profiles.wordpress.org/jupa8/)

[பதிவிறக்கு](https://downloads.wordpress.org/plugin/jupa-typed-text.1.0.1.zip)

 * [Details](https://ta.wordpress.org/plugins/jupa-typed-text/#description)
 * [Reviews](https://ta.wordpress.org/plugins/jupa-typed-text/#reviews)
 *  [Installation](https://ta.wordpress.org/plugins/jupa-typed-text/#installation)
 * [Development](https://ta.wordpress.org/plugins/jupa-typed-text/#developers)

 [உதவி](https://wordpress.org/support/plugin/jupa-typed-text/)

## விளக்கம்

Jupa Typed Text adds a block that types out one or more lines of text with a realistic
typewriter animation, powered by [Typed.js](https://github.com/mattboldt/typed.js/).
Each line is a regular paragraph block, so you can format text, add links, or use
any inline formatting the editor already supports.

Simple and easy to use straight from the block inserter, with no configuration required
to get started, yet fully customizable when you need it: typing speed, delays, cursor,
looping, colors, typography, and even a callback for when the animation finishes.

#### Video Tutorial

#### Features

 * Types through multiple lines in sequence, each one a normal paragraph block inside
   the editor.
 * Configurable typing speed, backspacing speed, start delay, and delay before repeating.
 * Toggle the blinking cursor, looping, smart backspace, and shuffle (random line
   order).
 * `onComplete` callback: run a custom JavaScript function (`window.typed.onComplete.
   yourFunctionName`) once the animation finishes.
 * Full color support (text, background, links) and typography controls (font size,
   line height) from the block sidebar, no custom CSS required.
 * Each block instance gets a unique ID automatically, so duplicating or pasting
   the block never causes ID collisions.

#### Usage

 1. Insert the “Typed Text” block from the inserter.
 2. Write one or more lines of text; each paragraph inside the block becomes a line
    in the animation.
 3. Open the block sidebar to adjust typing speed, delays, cursor, loop, smart backspace,
    and shuffle.
 4. Optionally, set a function name under “Callbacks > On complete” and define `window.
    typed.onComplete.yourFunctionName` in your theme or plugin JavaScript to run code
    when the animation finishes.

### Source Code

This plugin’s `build/` directory contains a minified/compiled JavaScript bundle 
generated with `@wordpress/scripts` (webpack). The human-readable source is included
in the `src/` directory of this plugin, and is also publicly available at:

https://github.com/jupa8712/jupa-typed-text

To regenerate the `build/` files from source: `npm install && npm run build`.

#### Third-party libraries

 * [Typed.js](https://github.com/mattboldt/typed.js/) v3.0.0 — MIT License, Copyright(
   c) Matt Boldt. Bundled into `build/view.js` via the build step; source available
   at the link above.

## Screenshots

[⌊Inserting the Typed Text block from the block inserter.⌉⌊Inserting the Typed Text
block from the block inserter.⌉[

Inserting the Typed Text block from the block inserter.

[⌊Live preview with sample text, alongside the block's settings panel.⌉⌊Live preview
with sample text, alongside the block's settings panel.⌉[

Live preview with sample text, alongside the block’s settings panel.

[⌊Each line inside the block is a regular paragraph, so the standard formatting 
toolbar is available.⌉⌊Each line inside the block is a regular paragraph, so the
standard formatting toolbar is available.⌉[

Each line inside the block is a regular paragraph, so the standard formatting toolbar
is available.

[⌊All the plugin's options: typing speed, delays, cursor, loop, smart backspace,
shuffle, and the "On complete" callback.⌉⌊All the plugin's options: typing speed,
delays, cursor, loop, smart backspace, shuffle, and the "On complete" callback.⌉[

All the plugin’s options: typing speed, delays, cursor, loop, smart backspace, shuffle,
and the “On complete” callback.

## தொகுப்புகள்

இந்த செருகுநிரல் 1 தொகுதியை வழங்குகிறது.

 *   Typed Text Is a block that types.

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/jupa-typed-text` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the “Plugins” screen in WordPress.
 3. Insert the “Typed Text” block from the block inserter.

## அடிக்கடி கேட்கப்படும் கேள்விகள்

### Can each line have different formatting?

Yes. Each line is a standard paragraph block, so bold, italic, links, and other 
inline formatting work normally.

### How do I use the “On complete” callback?

In the block sidebar, under “Callbacks > On complete”, type a function name (for
example `myCallback`). Then, in your theme or plugin JavaScript, define that function
on `window.typed.onComplete` before the block’s script runs:

    ```
    window.typed = window.typed || {};
    window.typed.onComplete = window.typed.onComplete || {};
    window.typed.onComplete.myCallback = function () {
        // Runs once the typing animation finishes.
    };
    ```

If loop is enabled, the callback runs every time the animation completes a cycle,
not just once.

### What happens if I don’t set an “On complete” function?

Nothing extra happens; the animation just finishes and, if looping is enabled, starts
again.

### Does this work in the Site Editor / FSE templates?

Yes, it’s a standard block with `apiVersion: 3` and works anywhere blocks are supported.

## Reviews

இந்த செருகுநிரலுக்கு மதிப்புரைகள் எதுவும் இல்லை.

## பங்களிப்பாளர்கள் & உருவாக்குனர்கள்

“Jupa – Typed Text” is open source software. The following people have contributed
to this plugin.

பங்களிப்பாளர்கள்

 *   [ Jupa ](https://profiles.wordpress.org/jupa8/)

“Jupa – Typed Text” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/jupa-typed-text/contributors)
for their contributions.

[Translate “Jupa – Typed Text” into your language.](https://translate.wordpress.org/projects/wp-plugins/jupa-typed-text)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/jupa-typed-text/), 
check out the [SVN repository](https://plugins.svn.wordpress.org/jupa-typed-text/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/jupa-typed-text/)
by [RSS](https://plugins.trac.wordpress.org/log/jupa-typed-text/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.1

 * Fix: per-paragraph text color (set from the block sidebar) was not being applied
   on the frontend, because the typing animation only used the inner text and dropped
   the paragraph’s own style/class.
 * Fix: the blinking cursor could appear on its own line after the fix above; it
   now stays inline right after the typed text.

#### 1.0.0

 * Initial standalone release, packaged from the Jupa Gutenberg Blocks collection.

## Meta

 *  Version **1.0.1**
 *  Last updated **2 வாரங்கள் முன்பு**
 *  Active installations **10 க்கும் குறைவாக**
 *  WordPress version ** 6.7 அல்லது மேல் **
 *  Tested up to **7.1.2**
 *  PHP version ** 7.4 அல்லது மேல் **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/jupa-typed-text/) மற்றும் [Spanish (Spain)](https://es.wordpress.org/plugins/jupa-typed-text/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/jupa-typed-text)
 * Tags
 * [animation](https://ta.wordpress.org/plugins/tags/animation/)[block](https://ta.wordpress.org/plugins/tags/block/)
   [gutenberg](https://ta.wordpress.org/plugins/tags/gutenberg/)[typed.js](https://ta.wordpress.org/plugins/tags/typed-js/)
   [Typewriter](https://ta.wordpress.org/plugins/tags/typewriter/)
 *  [Advanced View](https://ta.wordpress.org/plugins/jupa-typed-text/advanced/)

## மதிப்பீடுகள்

No reviews have been submitted yet.

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

[See all reviews](https://wordpress.org/support/plugin/jupa-typed-text/reviews/)

## பங்களிப்பாளர்கள்

 *   [ Jupa ](https://profiles.wordpress.org/jupa8/)

## உதவி

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/jupa-typed-text/)