Reverse Text Generator Tool with colorful styling and all its features use any free library...

 

Reverse Text Generator

Reversed Text:

* { box-sizing: border-box; } body { font-family: Arial, sans-serif; background-color: #fce4ec; color: #333; margin: 0; padding: 20px; } .container { max-width: 600px; margin: 0 auto; padding: 20px; border-radius: 8px; background: #ffffff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; color: #e91e63; } textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin: 10px 0; resize: none; } button { display: block; width: 100%; padding: 10px; background-color: #e91e63; color: white; border: none; border-radius: 5px; cursor: pointer; } button:hover { background-color: #d81b60; } .output { margin-top: 20px; } #reversed-text { font-size: 1.2em; color: #e91e63; text-align: center; } document.getElementById('reverse-btn').addEventListener('click', function() { const inputText = document.getElementById('input-text').value; const reversedTextDisplay = document.getElementById('reversed-text'); if (!inputText) { reversedTextDisplay.innerText = "Please enter some text."; return; } const reversedText = inputText.split('').reverse().join(''); reversedTextDisplay.innerText = reversedText; });