RenderXD 🚀

RenderXD is a modern, fast, offline-first text tools hub built with Next.js 16 App Router, TypeScript, and Tailwind CSS.

For a full architectural deep dive and component guide, see PROJECT_OVERVIEW.md.

🛠️ Features & Tools Index

🧮 Calculators & Converters

• Percentage Calculator: Calculate percentages, percentage values, and % increases or decreases.
• Age Calculator: Calculate exact age in years, months, days, and total days from date of birth.
• Date Difference Calculator & Time Difference: Duration between dates or clock times.
• Average Calculator & Ratio Calculator: Mean, median, sum, proportions, and GPA calculator.
• Binary Calculator & Number Base Converters: Binary math, Decimal ↔ Hex, Decimal ↔ Binary.
• Unit Converters: Bytes ↔ KB ↔ MB ↔ GB, px ↔ rem, px ↔ em, Celsius ↔ Fahrenheit, Seconds ↔ Minutes.

📣 Social / Content Tools

• Word Counter & Character Counter: Real-time word, character, sentence, and reading time analysis.
• Text Repeater & Text Reverser: Repeat words N times or reverse letters/words/lines.
• Remove Duplicate Lines & Sort Lines: Deduplicate text lists and sort lines alphabetically.
• Find & Replace & Cleaners: Search & replace patterns, strip extra spaces or line breaks.
• Text to Slug & Hashtag Generator: Convert titles into web slugs and generate hashtags.
• Emoji Copy & Special Fonts: One-click emojis, small text, upside-down text, and Zalgo glitch fonts.

💻 Web Developer Tools

• UUID Generator & Regex Tester: Generate RFC 4122 v4 UUIDs or test regular expressions.
• Timestamp Converter & Clock: Convert epoch timestamps and get current live epoch clock.
• Color & Code Formatters: Color converter (HEX/RGB/HSL) and CSS/HTML/JS formatters & minifiers.
• Markdown & URL Parsers: Live Markdown editor, URL parser, query string parser, and HTTP status codes.

📋 JSON & Encoding/Decoding

• JSON Tools: Format, minify, validate, JSON ↔ CSV, JSON to TS/JS, escape, key sorter.
• Encoding / Decoding: Base64, URL, HTML entities, Unicode, ASCII, Hex, Binary, JWT, ROT13.

🚀 Quick Start

# Install dependencies
npm install

# Start local development server
npm run dev

Open http://localhost:3000 to view the application in your browser.

📦 Build & Production

npm run build
npm run start