Generateurs

Generateurs — 10 outils pour développeurs dans le navigateur, dont Générateur d'UUID, Générateur de Hash ID et Générateur de données factices. Tout s'exécute localement sans inscription ni téléversement, vos données restent privées et les résultats sont instantanés.

10 outils

Générateur d'UUIDOutil en ligne gratuit pour générer des UUID v1, v4 et v7 avec création en masse et validation. Les UUID sont produits dans le navigateur via crypto.getRandomValues(), jusqu'à 1 000 à la fois, v7 révèle l'horodatage.

Générateur de Hash IDGénérateur d'ID de hachage gratuit qui crée des ID aléatoires courts et compatibles URL au style nanoid. Définissez longueur et alphabet, générez un ou plusieurs ID uniques et copiez-les.

Générateur de données facticesGénérateur de données factices gratuit basé sur faker.js qui crée des noms, e-mails et adresses réalistes. Choisissez vos champs et exportez les données de test en JSON, CSV ou SQL.

Générateur de QR codeGénérateur de QR code qui transforme un texte ou une URL en image QR, avec taille, niveau de correction d'erreur et couleurs personnalisables. Téléchargez le PNG aussitôt, généré gratuitement dans le navigateur.

Générateur de faviconGénérateur de favicon gratuit pour créer des favicons à partir de texte, d'un emoji ou d'une couleur. Choisissez police, fond et forme, puis téléchargez des icônes PNG en plusieurs tailles.

Générateur de vagues SVGGénérateur de vagues SVG en ligne gratuit avec éditeur visuel pour des ondes fluides. Ajustez l'amplitude, les couleurs et les calques, appliquez des préréglages et copiez le code CSS et SVG pour vos arrière-plans.

Générateur de dégradé CSSGénérateur visuel de dégradés CSS linéaires, radiaux et coniques : ajoutez des points de couleur, ajustez l'angle et copiez le CSS. Parfait pour arrière-plans et boutons, gratuit dans le navigateur.

Générateur CSS box-shadowGénérateur CSS box-shadow avec réglages de décalage, flou, étalement, couleur et inset, et aperçu en direct de l'ombre. Copiez le code box-shadow prêt à l'emploi, gratuit dans le navigateur.

Générateur CSS border-radiusGénérateur CSS border-radius avec huit poignées d'angle indépendantes, des curseurs et un aperçu en direct de la forme arrondie. Copiez le code border-radius prêt à l'emploi, gratuit dans le navigateur.

Générateur CSS FlexboxPlayground CSS Flexbox avec éditeur visuel pour justify-content, align-items, flex-direction et wrap, et aperçu de mise en page en direct. Générez le CSS Flexbox prêt à copier, gratuitement.

Comment utiliser

1
Régler les contrôles visuels— Faites glisser curseurs et poignées pour un dégradé, une ombre portée, un rayon d'angle ou une disposition flexbox : l'aperçu se met à jour à chaque modification, ce qui permet de régler la valeur à l'œil.
2
Copier le code généré— Chaque générateur écrit le CSS lui-même, prêt à coller dans une feuille de style, et les générateurs de QR code, de favicon et d'onde SVG exportent un fichier à déposer dans le projet.
3
Produire identifiants et jeux de test en série— Générez d'un clic un lot d'UUID ou d'identifiants Hash courts, ou fabriquez des enregistrements factices en JSON ou CSV pour remplir une table pendant les tests.

Questions fréquentes

Prenez v7 si la valeur devient une clé primaire : elle commence par un horodatage en millisecondes, si bien que les nouvelles lignes se rangent côte à côte dans un index B-tree au lieu de se disperser sur des pages aléatoires. Restez sur v4 quand l'identifiant ne doit rien révéler de la date de création, comme un jeton de partage public.

Oui. Les deux s'appuient sur crypto.getRandomValues(), le générateur cryptographiquement sûr du navigateur, et non sur Math.random(). Le générateur de mots de passe affiche en plus l'entropie en bits, ce qui montre si la longueur et le jeu de caractères choisis sont réellement solides.

Oui. Les générateurs de dégradé, d'ombre, de rayon de bordure et de Flexbox produisent du CSS standard avec un aperçu en direct, et les propriétés concernées ne demandent plus de préfixes vendeur dans les navigateurs actuels. Le générateur de vagues SVG fournit à la fois le balisage SVG et le CSS nécessaire pour l'utiliser en arrière-plan.