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 عبر العملاء تستخدم ترميزاً شرطياً للحفاظ على الاتساق المرئي في العملاء القدامى. ويتضمن منهجيات محددة لتنفيذ الوضع المظلم عن طريق ضبط الألوان والصور بناءً على تفضيلات سمة نظام التشغيل. يغطي إطار العمل مجموعة واسعة من الإمكانيات بما في ذلك تكامل إمكانية الوصول لقارئات الشاشة، وتوليد بدائل النص العادي، وتصميم مكونات واجهة مستخدم موثوقة مثل أزرار الإجراءات والصور السائلة. كما يوفر استراتيجيات لتنسيق الطباعة، وتحسين الصور، والتوافق عبر العملاء.

MUI هو إطار عمل CSS خفيف الوزن ينفذ إرشادات Material Design البصرية والتفاعلية لواجهات الويب. يوفر مجموعة من الأدوات لبناء الواجهات من خلال نظام شبكة CSS سريع الاستجابة ومجموعة من المكونات القائمة على أنماط بصرية موحدة. تتضمن المكتبة محرك سمات CSS قابلاً للتخصيص ومكتبة تصميم بريد إلكتروني HTML متخصصة. تسمح هذه الأدوات بتعديل اللوحات والأنماط البصرية الافتراضية لتتوافق الواجهة مع هوية علامة تجارية معينة، مع ضمان عرض متسق لقوالب البريد الإلكتروني عبر عملاء البريد الإلكتروني المختلفين. يغطي إطار العمل سطح قدرة واسع بما في ذلك أنظمة التخطيط سريعة الاستجابة لأحجام الشاشات المختلفة ونظام مكونات قائم على الفئات لبناء واجهة المستخدم السريع. يستخدم متغيرات CSS لتحديثات السمات البصرية في الوقت الفعلي ويوفر تجاوزات نمط متخصصة لمحركات عرض البريد الإلكتروني المقيدة.

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