Awesome GitHub RepositoriesFlexbox

Utility-first CSS framework for fast, design-system-friendly styling.

This is a layout library for Android applications that implements the CSS Flexible Box layout model. It provides a view container and engine that arrange child views by distributing space and aligning content according to a flexible box model. The framework enables the creation of responsive user interfaces that automatically adjust element positioning, wrapping, and growth based on available screen dimensions and orientations. The system includes capabilities for adaptive layout workflows, dynamic element alignment, and a virtualized rendering system for recycling views to display large dat

tview is a library for building interactive text-based user interfaces in Go. It functions as a toolkit for managing event loops, user input, and screen rendering, providing a framework of pre-built widgets and an integrated layout engine for creating command-line applications. The project distinguishes itself through a comprehensive layout system that uses grid and flexbox models to create responsive designs. It also supports UI layer stacking to manage multiple screens and modal overlays. The framework includes a diverse suite of interactive components for data display, such as tables and

Proton Native is a cross-platform desktop framework that compiles React code into native applications for Windows, macOS, and Linux. It enables developers to build desktop applications using the same component syntax and patterns as React Native, with the ability to reuse existing React Native components with minimal modifications. The framework integrates a flexbox layout engine for positioning native desktop widgets and embeds the Node.js runtime for direct filesystem and system-level access. The framework translates React component trees into native desktop widgets through a bidirectional

Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

Flexbox Froggy is a CSS flexbox learning game that teaches layout properties through interactive positioning puzzles. Players learn flexbox by writing CSS rules to move frogs onto lily pads, with each level presenting a new layout challenge that reinforces a specific flexbox concept. The game embeds a code editor with syntax highlighting and inline error hints, allowing players to write and test CSS rules in a live preview environment. A hint and solution system provides optional guidance for stuck players, while the visual feedback loop updates frog and lily pad positions in real-time based

Basscss is a lightweight CSS utility toolkit built on an atomic, single-purpose class architecture. Each class performs exactly one visual function, enabling immutable, side-effect-free styling where no class ever overrides or conflicts with another. The system provides a predefined spacing scale, responsive breakpoint prefixes for conditional styling across device widths, and accessible visibility control that keeps content programmatically available to assistive technologies. The framework distinguishes itself through a float-based grid system that constructs layouts using floated percentag

Ce projet est un cursus d'apprentissage CSS avancé composé de fichiers de démarrage et de projets finaux. Il fournit une collection d'implémentations réelles et une galerie de projets conçue pour maîtriser les techniques modernes de mise en page et de stylage. Le cursus se concentre sur une approche modulaire des feuilles de style utilisant des variables et une architecture Sass. Il met l'accent sur la convention de nommage block-element-modifier (BEM) pour créer un CSS maintenable et réutilisable. Le matériel couvre plusieurs domaines de capacités fondamentaux, notamment le design web responsive utilisant CSS Grid, Flexbox et les media queries. Il inclut également le développement d'effets de mouvement via les keyframes et transitions CSS, ainsi que l'intégration de graphiques vectoriels scalables et d'imagerie optimisée pour le stylage frontend.

Flexibility est une bibliothèque JavaScript et un moteur de mise en page conçu pour polyfiller les capacités CSS Flexbox. Il assure un alignement et une distribution cohérents des éléments à travers différentes versions de navigateurs, ciblant spécifiquement les environnements hérités qui manquent de prise en charge native pour la spécification de boîte flexible. Le projet fournit une compatibilité de mise en page entre les navigateurs en simulant le comportement des conteneurs flexibles. Il gère les propriétés flexbox dynamiques pour maintenir une interface utilisateur stable et prévisible, quelle que soit la version du navigateur du visiteur. Le système couvre le parcours DOM, le calcul manuel des coordonnées et l'injection de style pour forcer les structures visuelles. Il inclut des mécanismes pour le recalcul dynamique de la mise en page et la traduction des propriétés CSS modernes en styles compatibles avec les navigateurs plus anciens.