BlaBlaBlocks Formats lets you enhance your Gutenberg editor with interactive rich text formats like tooltips, animated highlights/markers directly inside WordPress.
No coding needed. Just select your text, choose a format, and instantly make your content more engaging.

With BlaBlaBlocks Formats, you can add animated markers, interactive tooltips that improve readability, emphasize key information, and bring motion to your writing.

Key Features

Interactive text formats – Add InfoTips, markers, and highlights directly from the block toolbar.
Live customization – Change color, animation, and behavior in real time.
Lightweight & optimized – Assets load only when formats are used.
Native Gutenberg integration – Seamlessly fits the WordPress Block Editor.

Why Choose BlaBlaBlocks Formats?

Because plain text doesn’t always tell the full story!
Highlight key phrases, provide helpful InfoTips, or animate your words all within the familiar block editor UI.

No shortcodes or custom HTML needed.
100% visual control inside the editor.
Works with all themes and blocks.

How It Works

Select any text in the Gutenberg editor.
Choose a format: Highlight, or InfoTip.
Adjust style and behavior using the sidebar options.
See the preview instantly.

Formats are rendered on both editor and frontend views with minimal code overhead.

Use Cases

Add InfoTips to glossary terms or product details.
Highlight important phrases in tutorials or documentation.
Create animated text markers for blog emphasis.
Design interactive learning content in WordPress.

Available Formats

1. Marker

Underline or highlight text segments with customizable color and animation.

2. InfoTip

Attach informative tooltips to any text selection perfect for definitions, links, or extra context.

Customization Options

Marker color & animation style
Tooltip position, size, and behavior
Animation speed & easing type
Backend-only or frontend-visible options
Per-format settings saved automatically

Performance & Optimization

BlaBlaBlocks Formats loads assets only when necessary, reducing frontend bloat.
No React, Redux, or large JS libraries
Powered by the web component, not loaded on the public site unless formats are active.

Open Source and Free

The BlaBlaBlocks Formats is open source. Not only is it free to use, but you are also welcome to collaborate and contribute to its development.

Source Code:
https://github.com/lubusIN/blablablocks-formats
Report Issues:
https://github.com/lubusIN/blablablocks-formats/issues
Documentation:
https://github.com/lubusIN/blablablocks-formats/wiki

Rich Text Formats – Animated Highlight, Marker, Tooltip