OpenDevTools

Free, open-source developer tools. All processing happens in your browser.

Features

• 100% Client-Side: Your data never leaves your browser
• No Tracking: No analytics, no cookies (except for UI preferences)
• No Login Required: Just open and use
• Dark Mode: Toggle between light and dark themes
• Command Bar: Press Cmd+K (or Ctrl+K) to quickly search and navigate to any tool
• Favorites: Bookmark your most-used tools for quick access in the sidebar
• State Persistence: Your input and settings are saved locally, so you can pick up where you left off
• Open Source: MIT licensed

Available Tools

• JSON to YAML - Convert JSON data to YAML format
• YAML to JSON - Convert YAML data to JSON format
• JSON Format - Format and validate JSON data
• CSV to JSON - Convert CSV data to JSON format
• JSON to CSV - Convert JSON array to CSV format
• URL Encode/Decode - Encode or decode URL strings
• Text Diff Checker - Compare two text blocks and see differences
• Lorem Ipsum - Generate placeholder text
• Markdown Preview - Preview markdown with live rendering
• JavaScript Sandbox - Execute JavaScript code in a sandboxed environment
• Escape/Unescape Newlines - Escape or unescape newline characters in text
• Base64 Encode/Decode - Encode text to Base64 or decode Base64 strings
• JWT Debugger - Decode and verify JSON Web Tokens
• Unix Timestamp - Convert between Unix timestamps and dates
• String Inspector - Analyze text: character counts, encoding, and word distribution

Tech Stack

• Next.js 15+ - React framework with App Router
• Tailwind CSS v4 - Utility-first CSS
• shadcn/ui - UI components
• Lucide Icons - Icon library

Getting Started

Prerequisites

• Node.js 22+ (see .nvmrc)
• pnpm

Installation

# Clone the repository
git clone https://github.com/vigneshrajsb/opendevtools.io.git
cd opendevtools.io

# Install dependencies
pnpm install

# Start development server
pnpm dev

Open http://localhost:3000 to see the app.

Scripts

pnpm dev      # Start development server
pnpm build    # Build for production
pnpm start    # Start production server
pnpm lint     # Run ESLint

Contributing

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

Credits

OpenDevTools is built on the shoulders of giants. We're grateful to the open source community and the maintainers who make projects like this possible.

Core Technologies

• Next.js - The React framework
• React - UI library
• Tailwind CSS - Utility-first CSS
• shadcn/ui - Beautiful UI components
• Lucide - Icon library

Libraries We Love

• Zustand - State management
• cmdk - Command menu
• dnd-kit - Drag and drop
• js-yaml - YAML parsing
• lorem-ipsum - Text generation
• diff - Text diffing
• CodeMirror - Code editor component

Support Open Source

Open source software powers the modern web. If you find these tools useful, consider giving back:

• Star the repositories of projects you use
• Sponsor maintainers on GitHub Sponsors
• Contribute bug reports, documentation, or code
• Share open source projects with your network

Every contribution, no matter how small, helps keep the open source ecosystem thriving.

License

This project is licensed under the MIT License - see the LICENSE file for details.