Entwickler-Tools
CSS-Flexbox-Generator
Erstellen Sie Flexbox-Layouts visuell — steuern Sie Richtung, Wrap, Ausrichtung und Eigenschaften pro Element mit Live-Vorschau und kopierfähigem CSS
Container Properties
Live Preview
1
2
3
4
Item 1 Properties
Generated CSS
.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 8px;
height: 200px;
}
.item-1 {
}
.item-2 {
}
.item-3 {
}
.item-4 {
}Weiter entdecken
Weitere Entwickler-Tools, die Ihnen gefallen könnten…
JSON-Formatierer
JSON mit Syntaxhervorhebung und Fehlererkennung formatieren, validieren und minifizieren
Jetzt testen
Base64 Encoder/Decoder
Text oder Dateien nach Base64 kodieren und Base64-Strings in lesbaren Text dekodieren
Jetzt testen
URL Encoder/Decoder
URL-Komponenten und Query-String-Parameter kodieren und dekodieren
Jetzt testen
UUID-Generator
Zufällige UUIDs (v1, v4) generieren oder mehrere UUIDs in Bulk erstellen
Jetzt testen
Hash-Generator
MD5-, SHA-1-, SHA-256-, SHA-512-Hashes aus Text oder Dateien generieren
Jetzt testen
Regex-Tester
Reguläre Ausdrücke mit Echtzeit-Übereinstimmungshervorhebung testen
Jetzt testen
JWT-Decoder
JSON Web Tokens dekodieren und prüfen — Header, Payload und Signaturen ansehen
Jetzt testen
HTML-Formatierer
HTML-Code mit korrekter Einrückung und Syntaxhervorhebung formatieren
Jetzt testen