</>

WebDevTools

About WebDevTools

Our Mission

WebDevTools was created with the goal of making life easier for developers of all levels, offering practical and free tools that accelerate the web development process.

What We Offer

Our platform provides a variety of essential tools:

  • 🔄 JSON to TypeScript - A tool that transforms a JSON payload into a TypeScript interface, making it easier to quickly create types and interfaces.
  • 🌐 API Testing - A tool that allows testing APIs by making requests and viewing responses in real time.
  • 📋 JSON Viewer - Elegant viewer for JSON structures with formatting and hierarchical exploration.
  • 🎨 Border Radius Preview - A visual tool to adjust and preview different 'border-radius' values on UI elements, allowing a style preview before applying it to the code.
  • 🔐 Base64 Encoder/Decoder - Encode and decode text to Base64 quickly and easily. Perfect for APIs, data URIs and more.
  • 🎨 Color Converter - Convert colors between different formats (HEX, RGB, HSL) with real-time preview and generated CSS code.
  • 🔍 Regex Tester - Test and validate regular expressions with match highlighting, groups and configurable flags.
  • 💫 Box Shadow Generator - Generate CSS shadows visually with intuitive controls. Real-time preview and ready-to-use code.
  • 🔑 JWT Decoder - Decode and visualize JWT tokens, showing header, payload and signature in an organized way.
  • 📡 Test APIs - Documentation of Mock and Users APIs for testing HTTP requests. Use with the API Testing tool.

API Endpoints

We offer public test APIs to practice HTTP requests. Use with the API Testing or Test APIs tool. Rate limit: 60 req/min per IP; full documentation in Test APIs.

  • /api/mock — Mock API — GET/POST echo
  • /api/headers — Headers Echo — returns headers as JSON
  • /api/status/[code] — Status [code] — simulate HTTP codes
  • /api/auth/verify — Auth Verify — simulate Bearer token
  • /api/info — Request Info — IP, user-agent, method
  • /api/users — Users — fake users (Faker)
  • /api/uuid — UUID — generates UUID v4
  • /api/lorem — Lorem — paragraphs or words
  • /api/posts — Posts — list and by ID
  • /api/delay/[ms] — Delay [ms] — configurable delay
View full documentation (Test APIs)

Why Choose WebDevTools?

🚀 Fast and Efficient

Optimized tools that work directly in your browser, with no installation or registration required.

🎯 Focused on Experience

Clean and intuitive interface, designed to maximize your productivity without unnecessary distractions.

🔧 Always Updated

We constantly improve our tools based on feedback from the developer community.

💯 Completely Free

All tools are free for personal and commercial use, maintained through non-intrusive ads.

Technologies Used

WebDevTools is built with the most modern web technologies:

Next.jsTypeScriptReactTailwind CSSMonaco EditorPWA

🎨 Theme System

WebDevTools offers complete light and dark theme support, with automatic synchronization with your system preferences.

How to use:

  • • Quick toggle: Click the theme button in the header
  • • Follow system: Double click or right click on the theme icon
  • • Auto detection: On first visit, automatically uses your system theme
  • • Smart memory: Remembers your preference between visits
  • • Visual indicator: A blue dot indicates when following the system theme
📱

Progressive Web App (PWA)

WebDevTools as a native app

Running in browser
Online

🚀 PWA Advantages:

  • • ⚡ Faster loading
  • • 📱 Works like a native app
  • • 🔄 Basic offline functionality
  • • 🖥️ Desktop shortcut
  • • 🔔 Notifications (coming soon)

Contribute

Have an idea for a new tool or found a bug? We love receiving feedback from the community! Contact us:

@maatheusgouveia
@maatheusgouveia

Statistics

10
Tools
100%
Free
24/7
Available
∞
Unlimited Use