Skip to content

RealDevSquad/real-tools

Repository files navigation

Real Tools

A comprehensive collection of 60+ developer tools and utilities built with React. All tools run entirely client-side, ensuring your data never leaves your browser.

🚀 Features

  • 🛡️ 100% Client-Side: All processing happens in your browser - no data is sent to servers
  • ✨ Modern UI: Clean, responsive interface with smooth animations and glassmorphism effects
  • 📦 60+ Tools: Comprehensive suite of utilities for developers
  • ⚡ Fast & Lightweight: Built with Vite for optimal performance
  • 🌙 Dark Mode: Beautiful dark theme with professional styling

🛠️ Available Tools

🖼️ Images

  • Metadata Cleaner - Remove EXIF, XMP, IPTC data from images
  • Image Compressor - Resize & compress images
  • Format Converter - Convert between image formats
  • Image Cropper - Crop images with precision
  • Watermark - Add watermarks to images
  • Color Picker - Pick & convert colors
  • Color Palette - Generate color palettes

📄 PDF & Docs

  • Form Builder - Create interactive PDF forms
  • PDF Editor - Combine, edit, extract pages
  • File Converter - PDF, DOCX & EPUB conversion

💻 Development

  • JSON Formatter - Format, validate & minify JSON
  • XML/JSON Converter - Convert & format XML ↔ JSON
  • CSV ↔ JSON - Convert CSV & JSON
  • JSON to TS - Generate TypeScript interfaces
  • API Builder - Build HTTP requests
  • Code Minifier - Minify JS/CSS/HTML
  • YAML - Format & validate YAML
  • SQL Formatter - Format SQL queries
  • GraphQL - Format GraphQL queries
  • cURL Generator - Generate cURL commands
  • JSON Path - Extract JSON data
  • XML Validator - Validate XML syntax
  • JSON Tree - Interactive JSON viewer

📝 Text Tools

  • Text Diff - Compare & find differences
  • Markdown - Edit & preview markdown
  • Text Tools - Text utilities & stats
  • Lorem Ipsum - Generate placeholder text
  • Text to Speech - Convert text to speech
  • Regex Tester - Test regex patterns

🔒 Security

  • Password Generator - Generate secure passwords
  • Password Strength - Check password strength
  • Hash Generator - Generate hashes (MD5, SHA, etc.)
  • JWT Decoder - Decode JWT tokens
  • Base64 - Encode & decode Base64
  • URL Encoder - Encode/decode URLs
  • Data Masking - Mask sensitive data
  • 2FA Generator - Generate TOTP codes
  • Email Validator - Validate emails
  • File Hash - Check file checksums
  • Text Encryption - Encrypt/decrypt text

🔧 Utilities

  • Calculator - Basic calculator
  • Unit Converter - Convert units
  • Base Converter - Convert number bases
  • Stopwatch - Timer with laps
  • UUID - Generate UUIDs
  • Random Data - Generate random data
  • Date/Time - Convert date/time
  • QR Code - Generate QR codes
  • QR Reader - Scan QR codes
  • Barcode - Generate barcodes
  • CSV Viewer - View & filter CSV data
  • Data Stats - Analyze CSV/JSON data

🌐 Web Tools

  • Browser Info - Display browser info
  • Clipboard - Clipboard history
  • IP Tools - IP lookup & subnet calc
  • HTTP Status - Status code lookup

🎲 Misc

  • Morse Code - Encode/decode Morse
  • Roman Numeral - Convert Roman numerals
  • Notes - Notes & scratchpad

🛠️ Tech Stack

  • Framework: React 19 + TypeScript
  • Build Tool: Vite 7
  • Styling: Tailwind CSS 4 + Custom CSS Variables
  • UI Components: shadcn/ui + Radix UI
  • Animations: Framer Motion
  • Icons: Tabler Icons + Lucide React
  • Routing: React Router DOM 7
  • PDF: pdf-lib, pdfjs-dist
  • Other: jszip, qrcode, file-saver, docx

📦 Getting Started

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

  1. Clone the repository

    git clone https://github.com/iamitprakash/real-tools.git
    cd real-tools
  2. Install dependencies

    npm install
  3. Run the development server

    npm run dev
  4. Open your browser

    Navigate to http://localhost:5173 (or the port shown in terminal)

Build for Production

npm run build

The built files will be in the dist directory.

Preview Production Build

npm run preview

🔒 Privacy & Security

  • 100% Client-Side Processing: All tools run entirely in your browser
  • No Data Collection: No analytics, no tracking, no data sent to servers
  • No File Storage: Files are processed in memory and never stored
  • Open Source: Full source code available for review

📝 License

MIT

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •