À 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
Parsez votre configuration Tailwind CSS v4 + shadcn/ui et générez une documentation visuelle.
OuvrirGénérez des palettes de couleurs harmonieuses avec vérification de contraste WCAG.
OuvrirTriez vos classes Tailwind et convertissez du CSS en classes Tailwind.
OuvrirOptimisez vos SVG en supprimant les métadonnées inutiles. Preview avant/après.
OuvrirVisualisez votre HTML à différentes tailles d'écran responsive.
OuvrirConvertissez entre px, rem, em, %, vw, vh, pt, cm, mm et in avec preview en temps réel.
OuvrirConvertissez votre schéma Prisma en diagramme MCD. Export Mermaid, DBML, PlantUML, JSON, SQL.
OuvrirConvertissez du JSON en interfaces TypeScript typées automatiquement.
OuvrirFormatez et embellissez vos requêtes SQL pour PostgreSQL, MySQL, SQLite et plus.
OuvrirTestez vos expressions régulières en temps réel avec explication détaillée.
OuvrirConstruisez visuellement des expressions cron et visualisez les prochaines exécutions.
OuvrirValidez et comparez vos fichiers .env pour détecter les variables manquantes.
OuvrirGénérez et vérifiez des hash MD5, SHA-1, SHA-256, SHA-512.
OuvrirDécodez et inspectez vos JSON Web Tokens. Vérifiez l'expiration et les claims.
OuvrirAnalysez la force de vos mots de passe : entropie, patterns et temps de crack estimé.
OuvrirConstruisez visuellement votre Content Security Policy header.
OuvrirGénérez du code de rate limiting pour Node.js, Python et Go.
OuvrirEncodez et décodez en Base64, Hex, URL et HTML Entities.
OuvrirAnalysez vos headers HTTP selon les recommandations OWASP.
OuvrirConfigurez visuellement vos headers CORS et générez le code.
OuvrirCollez un certificat PEM pour analyser ses détails.
OuvrirGénérez des UUID v4 et ULID en masse avec copie rapide.
OuvrirConvertissez entre timestamps Unix, ISO 8601 et dates lisibles.
OuvrirRéférence complète des codes de statut HTTP avec recherche et filtres.
OuvrirComparez deux textes côte à côte avec mise en évidence des différences.
OuvrirÉditeur Markdown avec preview en temps réel et export HTML/PDF.
OuvrirGénérez du texte Lorem Ipsum pour vos maquettes.
OuvrirConvertissez entre binaire, octal, décimal et hexadécimal.
OuvrirFormatez, minifiez et visualisez vos données JSON.
OuvrirComparez les icônes entre Lucide, Heroicons, Phosphor, Feather, Tabler et Remix Icon.
OuvrirCalculez les permissions Unix avec notation octale et symbolique.
OuvrirDesign 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