[{"data":1,"prerenderedAt":471},["ShallowReactive",2],{"guide-mirror-text-guide":3},{"id":4,"title":5,"body":6,"date":458,"description":459,"extension":460,"meta":461,"navigation":465,"path":466,"readingTime":467,"seo":468,"stem":469,"__hash__":470},"guides\u002Fguides\u002Fmirror-text-guide.md","Mirror Text Guide: Creating Symmetrical and Backwards Text",{"type":7,"value":8,"toc":439},"minimark",[9,14,18,21,25,28,33,36,40,43,47,50,54,57,61,64,134,138,141,144,148,151,161,164,168,174,236,239,243,246,328,331,335,370,374,395,399,408,412,435],[10,11,13],"h2",{"id":12},"what-is-mirror-text","What Is Mirror Text?",[15,16,17],"p",{},"Mirror text is text that appears flipped horizontally, as if reflected in a mirror. When you hold a mirror up to regular text, the letters reverse left-to-right — that is mirror text. Ambulances print \"ECNALUBMA\" in mirror text so drivers read it correctly through their rearview mirrors.",[15,19,20],{},"Mirror text can be created two ways: by reversing the character order (so it reads right-to-left), or by applying a visual reflection that flips each letter's shape. The first method is simpler and works everywhere. The second method produces a true mirror image but requires Unicode characters or CSS transformations.",[10,22,24],{"id":23},"where-mirror-text-gets-used","Where Mirror Text Gets Used",[15,26,27],{},"Mirror text is not just a novelty. It serves practical purposes across several fields.",[29,30,32],"h3",{"id":31},"vehicle-markings","Vehicle Markings",[15,34,35],{},"The most visible real-world use is on emergency vehicles. The word \"AMBULANCE\" appears reversed on the front hood so that drivers ahead see it correctly in their mirrors. Some signage in physics labs and manufacturing floors uses the same technique for safety warnings visible in reflective surfaces.",[29,37,39],{"id":38},"design-and-typography","Design and Typography",[15,41,42],{},"Designers use mirrored text for symmetrical layouts, logo marks, and decorative headers. A word reflected below itself creates a faux water reflection effect. Album covers, event posters, and fashion branding often feature mirrored typography for visual tension — the text looks almost readable but resists quick comprehension, forcing the viewer to slow down and engage.",[29,44,46],{"id":45},"puzzles-and-codes","Puzzles and Codes",[15,48,49],{},"Mirror text works as a simple cipher for puzzles, escape rooms, and alternate reality games. It adds one step of friction without requiring decryption skills. Puzzle creators like it because the encoded message is self-contained — readers can decode it by holding their screen up to an actual mirror.",[29,51,53],{"id":52},"social-media-and-messaging","Social Media and Messaging",[15,55,56],{},"Mirrored or upside-down text stands out in crowded feeds. People use it in Instagram bios, Discord usernames, and TikTok comments for visual novelty. The effect relies on Unicode characters that look like flipped versions of standard letters, which means the text stays selectable and copyable — unlike an image of flipped text.",[10,58,60],{"id":59},"how-to-create-mirror-text-online","How to Create Mirror Text Online",[15,62,63],{},"There are three main approaches, each with different trade-offs:",[65,66,67,86],"table",{},[68,69,70],"thead",{},[71,72,73,77,80,83],"tr",{},[74,75,76],"th",{},"Method",[74,78,79],{},"How It Works",[74,81,82],{},"Selectable?",[74,84,85],{},"Works Everywhere?",[87,88,89,103,116],"tbody",{},[71,90,91,95,98,101],{},[92,93,94],"td",{},"Character reversal",[92,96,97],{},"Reverse the character order",[92,99,100],{},"Yes",[92,102,100],{},[71,104,105,108,111,113],{},[92,106,107],{},"Unicode mirror characters",[92,109,110],{},"Replace each letter with a flipped Unicode equivalent",[92,112,100],{},[92,114,115],{},"Most platforms",[71,117,118,121,128,131],{},[92,119,120],{},"CSS transform",[92,122,123,124],{},"Apply ",[125,126,127],"code",{},"transform: scaleX(-1)",[92,129,130],{},"Yes (original text)",[92,132,133],{},"Web only",[29,135,137],{"id":136},"character-reversal","Character Reversal",[15,139,140],{},"This is the simplest approach. \"Mirror\" becomes \"rorriM.\" It reverses readability direction but does not flip individual letter shapes. It works in any text field — email, documents, social media — because it uses standard characters.",[15,142,143],{},"You can do this programmatically or use an online text reverser tool.",[29,145,147],{"id":146},"unicode-mirror-characters","Unicode Mirror Characters",[15,149,150],{},"Some Unicode blocks contain characters that look like horizontally flipped versions of standard Latin letters. A mirror text converter maps each letter to its flipped counterpart:",[152,153,158],"pre",{"className":154,"code":156,"language":157},[155],"language-text","Normal:  Hello World\nMirror:  ollǝH ʍoɹlᗡ\n","text",[125,159,156],{"__ignoreMap":160},"",[15,162,163],{},"Not every letter has a perfect mirror equivalent in Unicode, so results vary. Lowercase \"b\" and \"d\" swap naturally, but letters like \"H\" and \"W\" require approximations. The output is still real text — you can select it, search it, and paste it anywhere.",[29,165,167],{"id":166},"css-transform","CSS Transform",[15,169,170,171,173],{},"For web-based projects, ",[125,172,127],{}," flips any DOM element horizontally:",[152,175,179],{"className":176,"code":177,"language":178,"meta":160,"style":160},"language-css shiki shiki-themes github-light github-dark",".mirror-text {\n  transform: scaleX(-1);\n  display: inline-block;\n}\n","css",[125,180,181,194,216,230],{"__ignoreMap":160},[182,183,186,190],"span",{"class":184,"line":185},"line",1,[182,187,189],{"class":188},"sScJk",".mirror-text",[182,191,193],{"class":192},"sVt8B"," {\n",[182,195,197,201,204,207,210,213],{"class":184,"line":196},2,[182,198,200],{"class":199},"sj4cs","  transform",[182,202,203],{"class":192},": ",[182,205,206],{"class":199},"scaleX",[182,208,209],{"class":192},"(",[182,211,212],{"class":199},"-1",[182,214,215],{"class":192},");\n",[182,217,219,222,224,227],{"class":184,"line":218},3,[182,220,221],{"class":199},"  display",[182,223,203],{"class":192},[182,225,226],{"class":199},"inline-block",[182,228,229],{"class":192},";\n",[182,231,233],{"class":184,"line":232},4,[182,234,235],{"class":192},"}\n",[15,237,238],{},"This produces a perfect visual mirror, but the underlying text remains normal. Screen readers read the original direction, which is good for accessibility. However, it only works where you control the CSS — you cannot paste CSS-transformed text into a social media post.",[10,240,242],{"id":241},"mirror-text-vs-reversed-text","Mirror Text vs Reversed Text",[15,244,245],{},"These terms get used interchangeably, but they describe different things:",[65,247,248,261],{},[68,249,250],{},[71,251,252,255,258],{},[74,253,254],{},"Aspect",[74,256,257],{},"Reversed Text",[74,259,260],{},"Mirror Text",[87,262,263,274,285,296,307,317],{},[71,264,265,268,271],{},[92,266,267],{},"Character order",[92,269,270],{},"Flipped (last becomes first)",[92,272,273],{},"May or may not be flipped",[71,275,276,279,282],{},[92,277,278],{},"Letter shapes",[92,280,281],{},"Unchanged",[92,283,284],{},"Flipped horizontally",[71,286,287,290,293],{},[92,288,289],{},"Reading direction",[92,291,292],{},"Right-to-left",[92,294,295],{},"Depends on method",[71,297,298,301,304],{},[92,299,300],{},"Visual appearance",[92,302,303],{},"Backwards word order",[92,305,306],{},"Looks like a mirror reflection",[71,308,309,312,315],{},[92,310,311],{},"Example input",[92,313,314],{},"\"Hello\"",[92,316,314],{},[71,318,319,322,325],{},[92,320,321],{},"Example output",[92,323,324],{},"\"olleH\"",[92,326,327],{},"\"olleH\" (reversal) or \"ollǝH\" (Unicode mirror)",[15,329,330],{},"Reversed text changes the order of characters. Mirror text changes how each character faces. You can apply both — reverse the order and flip the shapes — to produce a true mirror-image reading experience.",[10,332,334],{"id":333},"tips-for-using-mirror-text-effectively","Tips for Using Mirror Text Effectively",[336,337,338,346,352,358,364],"ul",{},[339,340,341,345],"li",{},[342,343,344],"strong",{},"Keep it short."," Mirrored text is hard to read beyond a few words. Use it for headings, labels, and accent text — not paragraphs.",[339,347,348,351],{},[342,349,350],{},"Test on target platforms."," Unicode mirror characters render differently across fonts and operating systems. What looks perfect on macOS might show missing glyphs on Android.",[339,353,354,357],{},[342,355,356],{},"Provide a readable version."," If mirror text carries information (like a puzzle answer), always include the normal text nearby or on hover.",[339,359,360,363],{},[342,361,362],{},"Avoid mirrored body copy for accessibility."," Screen readers handle reversed characters unpredictably. Use CSS transforms for decorative mirror effects and keep the source text standard.",[339,365,366,369],{},[342,367,368],{},"Combine with reversal tools."," For the most convincing mirror effect, reverse the character order first, then apply Unicode mirror characters or a CSS flip.",[10,371,373],{"id":372},"key-takeaways","Key Takeaways",[336,375,376,379,382,389,392],{},[339,377,378],{},"Mirror text flips letter shapes horizontally; reversed text flips character order — they are different operations.",[339,380,381],{},"Unicode mirror characters let you paste mirrored text into any platform, but coverage is incomplete.",[339,383,384,385,388],{},"CSS ",[125,386,387],{},"scaleX(-1)"," produces perfect visual mirrors but requires web control.",[339,390,391],{},"Use mirror text for accents, logos, and puzzles — not for long-form readability.",[339,393,394],{},"Always test Unicode mirror output across devices before publishing.",[10,396,398],{"id":397},"try-it-yourself","Try It Yourself",[15,400,401,402,407],{},"Create mirror text in seconds with our free ",[403,404,406],"a",{"href":405},"\u002Ftools\u002Ftext-reverser","Text Reverser",". Paste your text, choose character-level reversal, and get instant mirror-ready output.",[10,409,411],{"id":410},"related-guides","Related Guides",[336,413,414,421,428],{},[339,415,416,420],{},[403,417,419],{"href":418},"\u002Fguides\u002Ftext-reversal-techniques","Text Reversal Techniques"," — String reversal methods across programming languages",[339,422,423,427],{},[403,424,426],{"href":425},"\u002Fguides\u002Ftext-manipulation-tools","Essential Text Manipulation Tools"," — Overview of the most useful text transformation tools",[339,429,430,434],{},[403,431,433],{"href":432},"\u002Fguides\u002Fnaming-conventions-guide","Naming Conventions Guide"," — Choosing the right case for your code",[436,437,438],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":160,"searchDepth":196,"depth":196,"links":440},[441,442,448,453,454,455,456,457],{"id":12,"depth":196,"text":13},{"id":23,"depth":196,"text":24,"children":443},[444,445,446,447],{"id":31,"depth":218,"text":32},{"id":38,"depth":218,"text":39},{"id":45,"depth":218,"text":46},{"id":52,"depth":218,"text":53},{"id":59,"depth":196,"text":60,"children":449},[450,451,452],{"id":136,"depth":218,"text":137},{"id":146,"depth":218,"text":147},{"id":166,"depth":218,"text":167},{"id":241,"depth":196,"text":242},{"id":333,"depth":196,"text":334},{"id":372,"depth":196,"text":373},{"id":397,"depth":196,"text":398},{"id":410,"depth":196,"text":411},"2026-05-28","Learn how mirror text works, where to use it, and how it differs from reversed text. Practical guide for designers and content creators.","md",{"keywords":462},[463,464],"text-reverser","mirror-text-guide",true,"\u002Fguides\u002Fmirror-text-guide",null,{"title":5,"description":459},"guides\u002Fmirror-text-guide","FaNquIpgBneuQgk-70XH22_fQG722LqTH8kUL0tQL9g",1780401327803]