Krakow Text Banner Block
A striking banner block that renders text with animated flame effects rising from the letters.
by WordPress Telex · github.com/fellyph/telex-flame-text-banner
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/fellyph/telex-flame-text-banner/archive/refs/heads/main.zipReadme
=== Flame Text Banner Block ===
Contributors: WordPress Telex Tags: block, banner, flame, text effect, animation Tested up to: 6.8 Stable tag: 0.1.0 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html A striking banner block that renders text with animated flame effects rising from the letters.
== Description ==
The Flame Text Banner Block lets you create eye-catching banners with animated fire effects on your text. Flames dance and flicker realistically above each letter, creating a dramatic visual impact perfect for headlines, call-to-action sections, or any content that needs to stand out.
Features:
- Fully customizable banner text
- Animated flame particles that rise from each letter
- Configurable flame color scheme (inner and outer flame colors)
- Adjustable text size (small, medium, large, extra-large)
- Dark background with customizable overlay
- Smooth, performant CSS and canvas-based animation
- Responsive design that works on all screen sizes
- Live preview in the block editor
== Installation ==
- Upload the plugin files to the
/wp-content/plugins/telex-flame-text-bannerdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the 'Plugins' screen in WordPress
- In the block editor, search for "Flame Text Banner" and insert it into your content.
- Type your desired text and customize the flame appearance using the block sidebar controls.
== Frequently Asked Questions ==
= Can I change the flame colors? =
Yes! Use the block sidebar controls to set both the inner (bright) and outer flame colors for a custom fire look.
= Does this affect page performance? =
The animation uses an efficient canvas-based particle system that pauses when the block is not visible on screen, ensuring minimal performance impact.
= Can I adjust the text size? =
Yes, you can choose from four text size presets: Small, Medium, Large, and Extra Large.
== Screenshots ==
- Flame Text Banner block in action with default orange/red flames.
- Block editor sidebar controls for customizing flame appearance.
== Changelog ==
= 0.1.0 =
- Initial release with animated flame text effect
- Customizable flame colors, text size, and banner text