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 एक HTML ईमेल टेम्पलेट फ्रेमवर्क है जो परीक्षित मार्कअप पैटर्न और आर्किटेक्चरल किट्स का संग्रह प्रदान करता है। इसे रिस्पॉन्सिव ईमेल न्यूज़लेटर्स बनाने के लिए डिज़ाइन किया गया है जो विभिन्न सॉफ़्टवेयर क्लाइंट्स में सुसंगत रूप से रेंडर होते हैं। इस प्रोजेक्ट में फ़्लुइड और हाइब्रिड टेबल-आधारित संरचनाओं का उपयोग करके एक रिस्पॉन्सिव ईमेल लेआउट सिस्टम है, साथ ही एक क्रॉस-क्लाइंट CSS किट है जो पुराने क्लाइंट्स में विज़ुअल निरंतरता बनाए रखने के लिए सशर्त मार्कअप का उपयोग करती है। इसमें ऑपरेटिंग सिस्टम थीम प्राथमिकताओं के आधार पर रंगों और छवियों को समायोजित करके डार्क मोड को लागू करने के लिए विशिष्ट कार्यप्रणाली शामिल है। यह फ्रेमवर्क स्क्रीन रीडर्स के लिए एक्सेसिबिलिटी एकीकरण, सादे टेक्स्ट विकल्पों का निर्माण और एक्शन बटन और फ़्लुइड इमेज जैसे विश्वसनीय UI घटकों के डिज़ाइन सहित क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है। यह टाइपोग्राफ़ी स्टाइलिंग, इमेज ऑप्टिमाइज़ेशन और क्रॉस-क्लाइंट संगतता के लिए रणनीतियां भी प्रदान करता है।

MUI is a lightweight CSS framework that implements Material Design visual and interaction guidelines for web interfaces. It provides a suite of tools for building interfaces through a responsive CSS grid system and a set of components based on standardized visual patterns. The library includes a customizable CSS theme engine and a specialized HTML email styling library. These tools allow for the modification of default palettes and visual styles to align an interface with a specific brand identity, while ensuring consistent rendering of email templates across different email clients. The fra