Awesome GitHub RepositoriesResponsive Layout Systems

Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou

This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

Iced is a cross-platform graphical user interface framework designed for building interactive applications with a focus on type safety and predictable state management. It utilizes a declarative architecture that separates application state, update logic, and view rendering, allowing developers to construct complex interfaces by nesting reusable functional components. The framework distinguishes itself through an Elm-inspired message-passing pattern, where all user interactions are processed as discrete messages to ensure reliable state transitions. It employs an immediate-mode rendering para

Foundation Sites is a responsive front-end framework providing a collection of CSS and JavaScript tools to build websites that automatically adapt to different screen sizes and devices. It functions as a responsive design library and cross-browser UI toolkit, offering a grid layout system and pre-styled interface components to ensure consistent rendering across modern web browsers. The framework enables rapid front-end UI prototyping and the integration of interactive components through a scripting interface that manages the lifecycle of UI plugins. It supports custom CSS framework management

This project is a declarative data visualization library that provides a composable suite of user interface components for rendering interactive charts. It functions as an SVG-based charting engine, allowing developers to construct complex visualizations by nesting modular building blocks such as axes, grids, legends, and data series within a unified layout. The library distinguishes itself through a highly responsive architecture that automatically reconciles layout changes and maps data domains to pixel coordinates using mathematical scale functions. It prioritizes performance through memoi

Gentelella is a collection of pre-configured interface templates and a component library designed for building administration panels, data dashboards, and internal management consoles. It provides a Bootstrap 5 based framework that includes accessible web interface templates and PWA-ready dashboard shells. The project features specialized templates for data visualization, utilizing modular chart factories to render line, bar, radar, and heatmap visualizations. It includes a set of ready-to-use interface elements for enterprise prototyping, such as kanban boards, file managers, and interactive

NativeBase is a comprehensive toolkit of accessible components and responsive design frameworks used to build consistent mobile and web applications. It provides a cross-platform UI component library and a React Native component framework that enable the creation of layouts across Android, iOS, and the web from a single codebase. The system is distinguished by a responsive design system that automatically adjusts layouts and global themes to fit different screen sizes and color modes. It utilizes a utility-based styling approach, allowing developers to apply visual styles directly through com

Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz

Material is a mobile user interface framework designed for building responsive and consistent native applications. It provides a declarative component architecture that allows developers to construct complex interfaces through modular, self-contained elements that manage their own state and rendering logic. The framework distinguishes itself through a constraint-based layout engine that calculates component geometry by solving spatial relationships between elements, ensuring layouts adapt automatically to varying screen sizes. It also features a hierarchical design system that propagates styl

Tachyons is a utility-first CSS framework and functional CSS library. It provides a collection of single-purpose classes used to style elements and build layouts without writing custom CSS. The framework centers on a mobile-first responsive design system and a nestable grid architecture that adapts layouts across different screen sizes. It includes accessible color palettes and schemes designed to meet visual contrast and accessibility standards. The system provides tools for utility-first styling, responsive layout management, and visual debugging to resolve alignment and spacing issues.

Get is a framework for Flutter that provides a comprehensive toolkit for dependency injection, internationalization, route management, and reactive state management. It includes a UI utility kit for handling themes, adaptive layouts, and the display of overlays such as snackbars and dialogs. The framework is distinguished by its ability to perform navigation and overlay management without requiring a build context. It also features a dependency injection container that manages the memory lifecycle of controllers and services, and a localization system that maps keys to strings to update appli

JUCE is a comprehensive C++ audio framework and digital signal processing library used to build cross-platform audio applications, audio plug-ins, and high-performance user interfaces. It serves as a development kit for creating audio processors compatible with industry-standard plugin formats for digital audio workstations, as well as a tool for MIDI and Open Sound Control communication between musical hardware and software. The framework is distinguished by its ability to maintain a single codebase for native desktop and mobile applications across multiple operating systems. It provides a f

Cerberus ist ein HTML-E-Mail-Template-Framework, das eine Sammlung getesteter Markup-Muster und Architektur-Kits bereitstellt. Es ist darauf ausgelegt, responsive E-Mail-Newsletter zu erstellen, die über diverse Software-Clients hinweg konsistent gerendert werden. Das Projekt verfügt über ein responsives E-Mail-Layout-System unter Verwendung fluider und hybrider tabellenbasierter Strukturen, neben einem Cross-Client-CSS-Kit, das bedingtes Markup verwendet, um visuelle Konsistenz in älteren Clients aufrechtzuerhalten. Es enthält spezifische Methoden zur Implementierung des Dark Mode durch Anpassung von Farben und Bildern basierend auf den Theme-Präferenzen des Betriebssystems. Das Framework deckt ein breites Spektrum an Fähigkeiten ab, einschließlich Accessibility-Integration für Screenreader, die Generierung von Plain-Text-Alternativen und das Design zuverlässiger UI-Komponenten wie Action-Buttons und fluider Bilder. Es bietet zudem Strategien für Typografie-Styling, Bildoptimierung und Cross-Client-Kompatibilität.

MUI ist ein leichtgewichtiges CSS-Framework, das Material-Design-Visual- und Interaktionsrichtlinien für Web-Interfaces implementiert. Es bietet eine Suite von Tools für das Erstellen von Interfaces durch ein responsives CSS-Grid-System und eine Reihe von Komponenten, die auf standardisierten visuellen Mustern basieren. Die Bibliothek enthält eine anpassbare CSS-Theme-Engine und eine spezialisierte HTML-E-Mail-Styling-Bibliothek. Diese Tools ermöglichen die Modifikation von Standardpaletten und visuellen Styles, um ein Interface an eine spezifische Markenidentität anzupassen, während gleichzeitig ein konsistentes Rendering von E-Mail-Templates über verschiedene E-Mail-Clients hinweg sichergestellt wird. Das Framework deckt eine breite Funktionsfläche ab, einschließlich responsiver Layout-Systeme für verschiedene Bildschirmgrößen und ein Klassen-basiertes Komponentensystem für schnelles UI-Konstruieren. Es nutzt CSS-Variablen für visuelle Theme-Updates in Echtzeit und bietet spezialisierte Style-Overrides für restriktive E-Mail-Rendering-Engines.

This project is a React component library and web UI design system designed for creating interactive web interfaces. It functions as a responsive frontend framework that provides a collection of modular building blocks to ensure visual consistency across different application pages and devices. The system utilizes a CSS-in-JS styling framework that generates and injects styles at runtime through a centralized property injection system. This approach allows for the implementation of a theme-driven architecture where layouts and color themes automatically adjust based on screen size and user pr

This project is a visual HTML email builder and responsive design tool used to create mobile-ready email layouts. It includes a dynamic email template engine and an artificial intelligence generator for drafting email copy and structural layouts. The system utilizes a component-based layout engine to build emails using standardized blocks and columns, which are translated into table-based HTML for compatibility across diverse email clients. It supports personalization through variable-based template interpolation and conditional logic to adjust content based on specific data sets. The platfo

Email-Boilerplate is an HTML email template framework and design system providing a foundational code structure for developing newsletters and transactional emails. It serves as a cross-client email layout library designed to ensure consistent rendering across diverse desktop and mobile email applications. The project utilizes a table-based layout library and reusable code patterns to maintain structural integrity within restrictive email rendering engines. It employs a responsive design system that combines fluid hybrid scaling and semantic markup normalization to resolve common rendering in