À propos de DevToolbox

La boîte à outils des développeurs modernes. DevToolbox est une plateforme open-source regroupant des outils essentiels pour les développeurs modernes.

Outils disponibles

Design System Generator

Parsez votre configuration Tailwind CSS v4 + shadcn/ui et générez une documentation visuelle.

Ouvrir
Color Palette Generator

Générez des palettes de couleurs harmonieuses avec vérification de contraste WCAG.

Ouvrir
Tailwind Class Sorter

Triez vos classes Tailwind et convertissez du CSS en classes Tailwind.

Ouvrir
SVG Optimizer & Viewer

Optimisez vos SVG en supprimant les métadonnées inutiles. Preview avant/après.

Ouvrir
Breakpoint Visualizer

Visualisez votre HTML à différentes tailles d'écran responsive.

Ouvrir
CSS Unit Converter

Convertissez entre px, rem, em, %, vw, vh, pt, cm, mm et in avec preview en temps réel.

Ouvrir
Prisma Schema → MCD

Convertissez votre schéma Prisma en diagramme MCD. Export Mermaid, DBML, PlantUML, JSON, SQL.

Ouvrir
JSON → TypeScript

Convertissez du JSON en interfaces TypeScript typées automatiquement.

Ouvrir
SQL Formatter

Formatez et embellissez vos requêtes SQL pour PostgreSQL, MySQL, SQLite et plus.

Ouvrir
Regex Tester & Explainer

Testez vos expressions régulières en temps réel avec explication détaillée.

Ouvrir
Cron Expression Builder

Construisez visuellement des expressions cron et visualisez les prochaines exécutions.

Ouvrir
ENV File Validator

Validez et comparez vos fichiers .env pour détecter les variables manquantes.

Ouvrir
Hash Generator

Générez et vérifiez des hash MD5, SHA-1, SHA-256, SHA-512.

Ouvrir
JWT Decoder

Décodez et inspectez vos JSON Web Tokens. Vérifiez l'expiration et les claims.

Ouvrir
Password Analyzer

Analysez la force de vos mots de passe : entropie, patterns et temps de crack estimé.

Ouvrir
CSP Header Builder

Construisez visuellement votre Content Security Policy header.

Ouvrir
Rate Limiter Generator

Générez du code de rate limiting pour Node.js, Python et Go.

Ouvrir
Encoder / Decoder

Encodez et décodez en Base64, Hex, URL et HTML Entities.

Ouvrir
Security Headers Checker

Analysez vos headers HTTP selon les recommandations OWASP.

Ouvrir
CORS Header Builder

Configurez visuellement vos headers CORS et générez le code.

Ouvrir
SSL Certificate Inspector

Collez un certificat PEM pour analyser ses détails.

Ouvrir
UUID/ULID Generator

Générez des UUID v4 et ULID en masse avec copie rapide.

Ouvrir
Timestamp Converter

Convertissez entre timestamps Unix, ISO 8601 et dates lisibles.

Ouvrir
HTTP Status Codes

Référence complète des codes de statut HTTP avec recherche et filtres.

Ouvrir
Diff Viewer

Comparez deux textes côte à côte avec mise en évidence des différences.

Ouvrir
Markdown Preview

Éditeur Markdown avec preview en temps réel et export HTML/PDF.

Ouvrir
Lorem Ipsum Generator

Générez du texte Lorem Ipsum pour vos maquettes.

Ouvrir
Base Converter

Convertissez entre binaire, octal, décimal et hexadécimal.

Ouvrir
JSON Formatter

Formatez, minifiez et visualisez vos données JSON.

Ouvrir
Icon Libraries Comparator

Comparez les icônes entre Lucide, Heroicons, Phosphor, Feather, Tabler et Remix Icon.

Ouvrir
Chmod Calculator

Calculez les permissions Unix avec notation octale et symbolique.

Ouvrir

Design System Generator

Cet outil parse votre configuration Tailwind CSS v4 + shadcn/ui et génère une documentation visuelle interactive.

Formats supportés

  • OKLCH (Tailwind v4 par défaut)
  • HSL / HSLA
  • RGB / RGBA
  • Hexadécimal

Tokens extraits

  • Palette de couleurs (light/dark)
  • Border radius, fonts
  • Animations CSS
  • Couleurs de graphiques

Prisma Schema → MCD

Convertissez votre schéma Prisma en diagramme MCD dans différents formats.

Éléments parsés

  • Models et champs
  • Relations (@relation)
  • Enums
  • Attributs (@@index, @@unique)

Formats de sortie

  • Mermaid (documentation)
  • DBML (dbdiagram.io)
  • PlantUML
  • JSON, SQL DDL

Technologies

Next.js 16React 19TypeScriptTailwind CSS v4shadcn/uiRadix UILucide Icons