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

Este proyecto es un plan de estudios avanzado de aprendizaje de CSS que consiste en archivos iniciales y proyectos finales. Proporciona una colección de implementaciones del mundo real y una galería de proyectos diseñada para dominar técnicas modernas de diseño y estilizado. El plan de estudios se centra en un enfoque modular para hojas de estilo utilizando variables y arquitectura Sass. Enfatiza la convención de nombres de bloque-elemento-modificador para crear CSS mantenible y reutilizable. El material cubre varias áreas de capacidad principales, incluyendo diseño web responsivo utilizando CSS Grid, Flexbox y media queries. También incluye el desarrollo de efectos de movimiento a través de keyframes y transiciones de CSS, así como la integración de gráficos vectoriales escalables e imágenes optimizadas para el estilizado frontend.

Flexibility es una biblioteca de JavaScript y motor de diseño diseñado para aplicar polyfill a las capacidades de CSS Flexbox. Garantiza una alineación y distribución de elementos consistente en diferentes versiones de navegadores, dirigiéndose específicamente a entornos heredados que carecen de soporte nativo para la especificación de caja flexible. El proyecto proporciona compatibilidad de diseño entre navegadores simulando el comportamiento de contenedor flexible. Gestiona propiedades dinámicas de flexbox para mantener una interfaz de usuario estable y predecible independientemente de la versión del navegador del visitante. El sistema cubre el recorrido del DOM, el cálculo manual de coordenadas y la inyección de estilo para forzar estructuras visuales. Incluye mecanismos para el recálculo dinámico del diseño y la traducción de propiedades CSS modernas a estilos compatibles con navegadores antiguos.