Outils HTML
Travaillez avec HTML, Pug, JSX, les composants SVG et CSS. Adaptez le balisage et les styles à votre prochaine réalisation.
21 outils dans cette catégorie. Tous fonctionnent dans le navigateur, sans inscription.
Éditeur de tracés SVG
Modelez directement un tracé SVG. Déplacez les points d’ancrage et les poignées de courbe, puis copiez le tracé ou enregistrez votre SVG.
Optimiseur SVG
Optimisez localement des SVG statiques avec SVGO. Comparez le résultat et téléchargez des fichiers individuels ou une archive ZIP.
SVG → JSX
Convertissez des fichiers SVG en code JSX pour les intégrer à des composants React.
SVG → React Native
Transformez des fichiers SVG en composants React Native pour les utiliser dans vos applications mobiles.
HTML → JSX
Convertissez du HTML en JSX pour réutiliser votre balisage dans des composants React.
HTML → Pug
Transformez du code HTML en modèles Pug pour adapter votre balisage à ce moteur de templates.
Markdown → HTML
Transformez du texte Markdown en HTML pour afficher du contenu mis en forme sur le web.
Générateur Flexbox
Composez une véritable mise en page flexible. Ajustez le conteneur et chaque élément, testez différentes largeurs, puis récupérez le code CSS, HTML ou Tailwind.
Générateur de chemins de découpe CSS
Sculptez une forme directement sur le canevas. Faites glisser les sommets du polygone, explorez les formes arrondies, puis exportez du CSS ou un SVG.
Générateur d’ombres de boîte
Créez de la profondeur, couche après couche. Déplacez la lumière, ajustez la douceur et la couleur, puis copiez une ombre prête pour la production.
Générateur de grille CSS
Dessinez visuellement une mise en page CSS Grid. Dimensionnez colonnes et lignes, faites glisser sur les cellules pour nommer des zones, puis copiez le CSS, le HTML ou le Tailwind.
Générateur de courbes de Bézier
Façonnez des courbes d’accélération CSS en faisant glisser deux poignées. Comparez le mouvement avec une progression linéaire et copiez cubic-bezier() pour vos transitions ou Tailwind.
Générateur de border-radius
Arrondissez chaque coin, passez à des rayons elliptiques et faites glisser les poignées des bords pour sculpter des formes organiques. Copiez le CSS border-radius ou Tailwind.
Générateur de glassmorphism
Créez des panneaux en verre dépoli avec backdrop-filter. Réglez le flou, la transparence, la saturation et la bordure sur un arrière-plan en direct, puis copiez le CSS.
Générateur de dégradés CSS
Créez des dégradés CSS linéaires, radiaux et coniques avec des arrêts de couleur déplaçables, un cadran d’angle et des presets. Copiez le CSS ou une classe Tailwind.
CSS → JS Objects
Convertissez des styles CSS en objets JavaScript pour les utiliser dans vos projets frontend.
CSS → template literal
Transformez des styles définis sous forme d’objets en littéraux de gabarit JavaScript pour vos composants.
CSS → TailwindCSS
Transformez du code CSS en classes utilitaires Tailwind CSS pour adapter les styles de vos pages.
Less → CSS
Compilez du code Less en CSS standard pour l’utiliser dans vos feuilles de style.
Scss → CSS
Compilez du code SCSS en CSS standard pour l’utiliser dans vos pages web.
Sass → CSS
Compilez du code Sass en CSS standard pour l’utiliser dans vos feuilles de style.