1 dépôt
Awesome GitHub RepositoriesVisual Design Tools
Interactive interfaces for experimenting with flexbox alignment and spacing visually.
Distinct from Flexbox Layout Patterns: Focuses on the visual authoring tool rather than the resulting static layout patterns.
Explore 1 awesome GitHub repository matching web development · Visual Design Tools. Refine with filters or upvote what's useful.
Awesome Visual Design Tools GitHub Repositories
Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
- prazzon/flexbox-labs
prazzon/Flexbox-Labs
3,950Voir sur GitHubFlexbox-Labs est un ensemble d'outils interactifs pour concevoir visuellement des mises en page web et traduire ces configurations en code HTML et CSS. Il fonctionne comme un terrain de jeu CSS visuel et un constructeur de mise en page pour expérimenter l'alignement et l'espacement en temps réel. Le projet fournit des générateurs dédiés pour CSS Flexbox et CSS Grid, permettant la définition visuelle de modèles, de conteneurs et d'éléments de mise en page individuels. Il inclut des capacités pour le prototypage de conceptions web structurelles et la gestion de modèles de conception réutilisables en enregistrant des configurations personnalisées dans une base de données. L'ensemble d'outils automatise la traduction des états visuels en balisage et style prêts à l'emploi via un système d'exportation de code. Ce processus prend en charge la création de mises en page complexes à plusieurs niveaux et la gestion de hiérarchies de composants récursives.
Provides a visual environment for arranging web elements using CSS Flexbox to test alignment and spacing.
TypeScriptframer-motionreactsass
