Word games and puzzles
Make mirror text and check palindromes.
Content / widget · Elementor module
Grapheme Text Reverser Widget Plugin for Elementor
Let visitors reverse text, word order, the letters in each word or line order, keeping emoji, flags and accented letters whole, and copy the result.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Grapheme text reverserProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published widgets running in your browser; paste your own text to try them.
02 / Inside WordPress
Grapheme text reverser controls in Elementor
Text and mode sets the starting text, what is reversed and whether visitors can choose. Behaviour turns the naive comparison, the palindrome note, Use as input and live updates on or off. Labels sets the heading and every label and button. The Style tab covers the layout, box height, note colours, fields and buttons.
03 / Website use cases
Where to use grapheme text reverser
Most text reversers flip the text one code unit at a time, which breaks anything built from more than one piece: emoji turn into question marks, flags turn into two letters and accents land on the wrong letter. Grapheme text reverser reverses the characters people actually see, so emoji, flags and accented letters come out whole, and it can also reverse word order, the letters in each word or line order.
Teaching Unicode
Show why emoji and accents need more than one code point.
Testing text handling
Make reversed strings for checking layouts and inputs.
04 / Installation and setup
How to add a text reverser in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Grapheme text reverser in the Complementor library.
Add the widget to a puzzle, classroom or developer page.
Paste starting text to show an example, such as a palindrome or a line with emoji.
Choose what is reversed and whether visitors can change it.
Style the fields, notes and buttons, then type text to check it.
05 / Content and style controls
Customize grapheme text reverser in Elementor
Configure the settings available for this module to suit the page you are building.
Reverse the whole text, the word order, the letters in each word or the line order, chosen by the visitor or fixed.
Emoji with skin tones, family emoji, flags and accented letters kept whole.
A comparison with a naive reverse that shows what it would break.
A note when the text is a palindrome, ignoring case, spaces and punctuation.
Copy and Use as input buttons.
Live updates or a Reverse button.
06 / Choose the right approach
Grapheme text reverser and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Unicode code point inspector
Lists every code point with its category and script.
Unicode normalizer
Converts text to NFC, NFD, NFKC or NFKD.
07 / Requirements and compatibility
Grapheme text reverser compatibility with Elementor
- Requires Elementor.
- Reverses text in the browser; it does not save it.
- Right-to-left scripts are reversed by character like any other text.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot grapheme text reverser
Check these settings if the published page behaves differently from the editor.
Why does the naive reverse look broken?
It flips the text one code unit at a time, splitting emoji, flags and accents into pieces. The widget shows it only to explain the difference.
Why is the punctuation in the wrong place after reversing word order?
Punctuation stays attached to the word it was next to, so a comma after the first word moves with it.
Why is my text not a palindrome?
Letters and digits must read the same both ways. Case, spaces and punctuation are ignored, but accented and plain letters count as different.
Grapheme text reverser plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Is anything sent to a server?
No. Everything runs in the visitor’s browser.
Does it keep emoji whole?
Yes. Emoji with skin tones, family emoji and flags are reversed as single characters.
What can it reverse?
The whole text, the word order, the letters in each word or the line order.
Does it work in older browsers?
Yes. Where the browser cannot split text into characters itself, the widget uses its own rules for marks, joined emoji and flags.
10 / Annual All Access subscription
Get grapheme text reverser with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.