6 repositorios
Responsive layout engines utilizing flexbox for alignment.
Explore 6 awesome GitHub repositories matching user interface & experience · Flexbox-Based Grid Systems. Refine with filters or upvote what's useful.
Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust
Implements a responsive layout engine that leverages flexbox containers and columns for precise alignment across viewports.
A minimalist CSS framework.
Ships a flexbox-based grid system that automatically distributes space across columns.
Flexboxgrid is a responsive CSS framework and layout engine based on CSS3 standards. It provides a grid system that uses the flexbox model to arrange page elements into flexible, proportional grids that adapt to different screen sizes and device resolutions. The framework implements a float-free responsive design, utilizing a media-query breakpoint system to adjust layouts and column counts based on viewport width. It employs percentage-based column sizing and negative-margin guttering to maintain consistent spacing and fluid scaling across various displays. The system maps layout configurat
Implements a responsive layout engine based on the CSS flexbox model for alignment and distribution.
Papercss es un framework de UI CSS y un sistema de diseño estilo documento utilizado para construir layouts de páginas web responsivas. Funciona como una librería CSS basada en Less que aplica una estética similar al papel y una tipografía estructurada para dar a las páginas web la apariencia de documentos físicos. El proyecto también incorpora un modelo de librería CSS de utilidad primero (utility-first) para un estilizado rápido. El framework se distingue por su capacidad para automatizar decoraciones visuales, como la aplicación de estilos de borde rotados y efectos de sombra a elementos hijos. Utiliza un sistema de variables basado en Less y compilación modular de hojas de estilo, permitiendo a los usuarios personalizar variables de diseño globales y seleccionar conjuntos de componentes específicos para minimizar el tamaño final de la hoja de estilo. La librería cubre una amplia gama de capacidades, incluyendo una rejilla responsiva de doce columnas basada en Flexbox y un conjunto completo de componentes de UI como modales, notificaciones de alerta y barras de navegación responsivas. También proporciona estilos especializados para contenido técnico, incluyendo bloques de código, tablas de datos y layouts de artículos, junto con soporte para modos de color claro y oscuro.
Provides a responsive twelve-column layout engine based on Flexbox for flexible content alignment.
Picnic is a classless CSS framework and styling library that applies visual themes directly to native HTML elements. It functions as a CSS-only UI library, providing a responsive layout system and a design system that creates consistent interfaces without the need for custom utility classes. The project distinguishes itself by implementing JavaScript-free interactivity. It uses CSS selectors and pseudo-classes to manage state and visibility for interactive components such as modals, tabs, and tooltips, removing the requirement for external scripts to handle basic UI logic. The framework incl
Provides a responsive layout engine utilizing a flexbox-based grid system for automatic screen adaptation.
Mobi.css is a lightweight, mobile-first CSS framework designed to provide a consistent foundation for web interface development. It establishes a stable visual baseline by normalizing default browser styles across all platforms, ensuring that standard interface elements like buttons, forms, and text blocks maintain a cohesive appearance. The framework utilizes a flexible grid system based on container models that automatically adjust content dimensions and alignment to fit varying screen sizes and device orientations. By prioritizing mobile constraints and employing viewport-based breakpoints
Implements a flexible grid system using flexbox for responsive content alignment.