1 Repo
Awesome GitHub RepositoriesInteractive Layout Builders
Real-time interfaces for designing and testing both grid and flexbox arrangements.
Distinct from CSS Grid Layout Design: Combines both Grid and Flexbox into a single interactive builder, whereas the sibling is Grid-specific.
Explore 1 awesome GitHub repository matching user interface & experience · Interactive Layout Builders. Refine with filters or upvote what's useful.
Awesome Interactive Layout Builders GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- prazzon/flexbox-labs
prazzon/Flexbox-Labs
3,950Auf GitHub ansehenFlexbox-Labs ist eine Sammlung interaktiver Tools für das visuelle Design von Web-Layouts und deren Übersetzung in HTML- und CSS-Code. Es fungiert als visueller CSS-Spielplatz und Layout-Builder, um in Echtzeit mit Ausrichtung und Abständen zu experimentieren. Das Projekt bietet dedizierte Generatoren für CSS Flexbox und CSS Grid, die die visuelle Definition von Templates, Containern und einzelnen Layout-Elementen ermöglichen. Es umfasst Funktionen für das Prototyping struktureller Webdesigns und die Verwaltung wiederverwendbarer Design-Patterns durch das Speichern benutzerdefinierter Konfigurationen in einer Datenbank. Das Toolset automatisiert die Übersetzung visueller Zustände in implementierungsfertiges Markup und Styling durch ein Code-Export-System. Dieser Prozess unterstützt die Erstellung komplexer, mehrstufiger Layouts und die Verwaltung rekursiver Komponenten-Hierarchien.
Provides an interactive interface for designing grid and flexbox arrangements with real-time feedback.
TypeScriptframer-motionreactsass
