awesome-repositories.com
Blog
MCP
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetServeur MCPÀ proposNotre méthodologiePresse
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

1K dépôts

Awesome GitHub RepositoriesStyling and Theming Systems

Architectures and utilities for managing visual design tokens, CSS layouts, and global appearance, distinct from functional component logic.

Explore 1,001 awesome GitHub repositories matching user interface & experience · Styling and Theming Systems. Refine with filters or upvote what's useful.

Awesome Styling and Theming Systems GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • kamranahmedse/developer-roadmapAvatar de kamranahmedse

    kamranahmedse/developer-roadmap

    357,434Voir sur GitHub↗

    Developer Roadmap est une plateforme pilotée par la communauté qui fournit des parcours d'apprentissage structurés basés sur des graphes pour le génie logiciel. Elle sert de dépôt de connaissances complet où les domaines techniques sont organisés en séquences visuelles pour guider l'acquisition de compétences professionnelles et la croissance de carrière. Le projet se distingue par un écosystème collaboratif qui permet aux utilisateurs de contribuer à des roadmaps, d'organiser les meilleures pratiques de l'industrie et de maintenir des profils professionnels. Il intègre des cadres d'évaluation diagnostique pour évaluer la compétence technique, aidant les développeurs à identifier les lacunes en matière de connaissances et à se préparer aux entretiens professionnels grâce à des séquences d'apprentissage ciblées. Au-delà de ses capacités de cartographie de base, la plateforme propose des idées de projets pratiques et du tutorat interactif pour renforcer les concepts d'ingénierie. Elle offre un espace centralisé pour que la communauté puisse partager des ressources, suivre le développement progressif des compétences et naviguer dans des paysages techniques complexes.

    Isolates style rules to specific components to prevent style leakage across the application.

    TypeScriptangular-roadmapbackend-roadmapblockchain-roadmap
    Voir sur GitHub↗357,434
  • awesome-selfhosted/awesome-selfhostedAvatar de awesome-selfhosted

    awesome-selfhosted/awesome-selfhosted

    299,516Voir sur GitHub↗

    Ce projet est un répertoire de logiciels open source organisé par la communauté, conçu pour être déployé dans des environnements de serveurs privés et des laboratoires domestiques. Il sert de ressource complète pour découvrir des alternatives indépendantes et auto-hébergées aux services cloud grand public, permettant aux utilisateurs de conserver la pleine propriété des données et le contrôle de leur infrastructure numérique. Le répertoire est structuré par une taxonomie hiérarchique qui organise une vaste collection d'applications en catégories logiques, allant de la gestion multimédia et de l'analyse de données à la communication privée et aux outils de productivité d'équipe. Il se distingue par un processus de revue par les pairs collaboratif, où les membres de la communauté valident la qualité et la pertinence de chaque soumission pour garantir que le répertoire reste précis et fiable. Le projet couvre une large surface de capacités, notamment l'automatisation de l'infrastructure, le déploiement de services basés sur des conteneurs et la gestion de configuration déclarative. Ces outils aident les utilisateurs à maintenir des environnements de serveur reproductibles et à gérer des dépendances de services complexes sur du matériel privé. Le répertoire est maintenu en tant que dépôt contrôlé par version, garantissant que toutes les mises à jour et les changements pilotés par la communauté sont suivis et transparents.

    Provides a simplified method for downloading and hosting custom fonts and CSS snippets.

    awesomeawesome-listcloud
    Voir sur GitHub↗299,516
  • facebook/reactAvatar de facebook

    facebook/react

    245,669Voir sur GitHub↗

    React est une bibliothèque JavaScript pour créer des interfaces utilisateur basées sur une architecture orientée composants et un flux de données unidirectionnel.

    Applies visual styles to interface elements using standard class attributes and external style sheets.

    JavaScriptjavascriptuifrontend
    Voir sur GitHub↗245,669
  • vuejs/vueAvatar de vuejs

    vuejs/vue

    209,900Voir sur GitHub↗

    Vue est un framework JavaScript progressif basé sur des composants, conçu pour construire des interfaces utilisateur réactives et des applications monopage. Il se concentre sur un système de modèles déclaratif qui transforme le HTML en fonctions de rendu efficaces, permettant aux développeurs d'organiser des interfaces complexes en unités isolées et réutilisables qui se synchronisent automatiquement avec l'état de l'application. Le framework se distingue par un système de réactivité de suivi des dépendances qui surveille l'accès aux données pendant le rendu pour déclencher des mises à jour précises. Il fournit une architecture flexible qui prend en charge à la fois l'adoption incrémentale en tant que bibliothèque légère et le développement d'applications à grande échelle. Les développeurs peuvent tirer parti d'un modèle d'extensibilité robuste basé sur des plugins pour injecter une logique globale, tandis que la réconciliation du DOM virtuel du framework garantit des mises à jour d'interface efficaces en calculant des mutations minimales. Au-delà de ses capacités de rendu de base, le projet inclut une suite complète d'outils pour gérer l'état de l'application, le routage basé sur les URL et le rendu côté serveur. Il offre un support étendu pour la composition de composants, la distribution de contenu et la gestion d'animation, aux côtés de mesures de sécurité intégrées comme l'échappement automatique du contenu pour prévenir les vulnérabilités courantes. Le framework est distribué avec des déclarations de type officielles pour prendre en charge l'analyse statique et peut être installé via des gestionnaires de paquets standard ou intégré directement dans les environnements de navigateur via des balises de script.

    Applies CSS styles to elements using JavaScript objects with automatic vendor prefixing.

    TypeScriptframeworkfrontendjavascript
    Voir sur GitHub↗209,900
  • ohmyzsh/ohmyzshAvatar de ohmyzsh

    ohmyzsh/ohmyzsh

    188,061Voir sur GitHub↗

    This project is a community-driven shell configuration framework designed to manage terminal environments, modular extensions, and command-line interface customizations. It functions as an environment manager that standardizes shell settings and appearance across diverse Unix-like operating systems, ensuring a consistent experience through automated deployment and initialization scripts. The framework distinguishes itself through a modular plugin architecture and a comprehensive theme system that allows for deep visual and functional customization. Users can extend shell capabilities by activ

    Defines a consistent schema for visual themes, including metadata and layout configuration.

    Shellclicli-appoh-my-zsh
    Voir sur GitHub↗188,061
  • flutter/flutterAvatar de flutter

    flutter/flutter

    177,056Voir sur GitHub↗

    This project is a multi-platform UI framework designed for building applications that target mobile, web, and desktop environments from a single codebase. It utilizes a declarative paradigm where the user interface is defined as a function of application state, supported by a layered architecture that includes a high-performance rendering engine and a multi-platform compilation model. The framework provides a comprehensive suite of developer tools, including hot reloading for real-time code injection and diagnostic utilities for monitoring application state and performance. It features a modu

    Enforces a layout model where parent components pass down specific size constraints, requiring children to determine their dimensions within those bounds.

    Dartandroidapp-frameworkcross-platform
    Voir sur GitHub↗177,056
  • anomalyco/opencodeAvatar de anomalyco

    anomalyco/opencode

    175,152Voir sur GitHub↗

    OpenCode is a framework for orchestrating autonomous AI agents within development environments. It provides a multi-tiered architecture where primary assistants manage user interaction while specialized subagents handle specific tasks like planning, research, and code generation. The system includes a comprehensive command-line interface for managing these workflows, configuring agent behavior, and defining custom tools or commands through metadata-rich files. The platform features a modular plugin system and extensive integration support, including standardized protocols for connecting local

    Manages terminal aesthetics through a flexible configuration format supporting ANSI codes and light or dark color variants.

    TypeScript
    Voir sur GitHub↗175,152
  • twbs/bootstrapAvatar de twbs

    twbs/bootstrap

    174,380Voir sur GitHub↗

    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.

    MDXbootstrapcsscss-framework
    Voir sur GitHub↗174,380
  • vercel/next.jsAvatar de vercel

    vercel/next.js

    140,051Voir sur GitHub↗

    Next.js is a web development framework that provides a file-system-based routing system and a suite of server-side utilities for managing the request-response cycle. It includes built-in support for data fetching, caching, and revalidation, allowing developers to control how content is rendered and served. The framework offers a centralized configuration system for build-time settings, environment variables, and deployment adapters, alongside a command-line interface for bootstrapping new projects. The framework covers a wide range of application requirements, including metadata management fo

    Generates unique class names for style files to prevent naming collisions and ensure scoped component styling.

    JavaScriptreactframeworkssr
    Voir sur GitHub↗140,051
  • facebook/react-nativeAvatar de facebook

    facebook/react-native

    126,019Voir sur GitHub↗

    This project is a cross-platform mobile framework that enables the development of native iOS and Android applications from a single codebase. It utilizes a declarative component-based model where developers define user interfaces using a syntax extension that maps directly to underlying platform-native view primitives. By decoupling application logic from the host platform's main thread, the framework maintains a consistent native view hierarchy while ensuring that JavaScript execution remains independent of UI rendering. The framework distinguishes itself through a robust bridge architecture

    Optimizes performance by implementing layout measurement strategies and specialized components to render large datasets efficiently.

    C++androidapp-frameworkcross-platform
    Voir sur GitHub↗126,019
  • excalidraw/excalidrawAvatar de excalidraw

    excalidraw/excalidraw

    125,451Voir sur GitHub↗

    This project is a virtual whiteboard component and vector graphics editor designed for creating diagrams with a hand-drawn aesthetic. It provides a canvas-based drawing engine that can be embedded directly into web applications, allowing users to manipulate shapes, upload images, and export visual data into standard formats like PNG, SVG, or JSON. The platform distinguishes itself through a real-time synchronization layer that supports multi-user collaboration across distributed environments. This engine utilizes end-to-end encryption to secure shared sessions and employs a local-first data p

    Standardizes visual presentation by managing font assets to ensure consistent text rendering across all collaborative workspaces.

    TypeScriptcanvascollaborationdiagrams
    Voir sur GitHub↗125,451
  • shadcn/uiAvatar de shadcn

    shadcn/ui

    116,798Voir sur GitHub↗

    This project is a collection of accessible user interface components designed for full developer ownership. It functions as a copy-paste UI framework and headless component kit, providing the logic and structure for interface elements without relying on traditional versioned library dependencies. The system distributes source code directly to the user, allowing for the creation of a custom component library. It utilizes a distribution method where components are copied into the codebase, ensuring that the visual and functional implementation remains under the developer's control. The toolkit

    Uses a utility-first styling approach to define visual appearances directly on HTML elements.

    TypeScript
    Voir sur GitHub↗116,798
  • google-gemini/gemini-cliAvatar de google-gemini

    google-gemini/gemini-cli

    105,341Voir sur GitHub↗

    This project provides a command-line interface for managing autonomous agent workflows, task orchestration, and system-level automation. It includes a comprehensive framework for defining agent skills, managing persistent memory, and delegating tasks to specialized subagents. Users can configure complex planning modes, execute shell commands with safety constraints, and integrate external tools through standardized protocols. The platform supports non-interactive execution via a headless mode and provides an event-driven hook framework for custom lifecycle automation. It features centralized

    Configurable color themes allow for the visual customization of the terminal interface.

    TypeScriptaiai-agentscli
    Voir sur GitHub↗105,341
  • react/create-react-appAvatar de react

    react/create-react-app

    103,327Voir sur GitHub↗

    This project is a command-line tool and build toolchain used to bootstrap React web applications. It serves as a project bootstrapper and single-page application scaffold, providing a pre-configured development environment, folder structure, and build pipeline. The toolchain integrates a frontend development server with live reloading and error overlays to accelerate the iterative coding process. It handles production asset bundling by minifying code and generating hashed assets for deployment, and it includes a configuration suite for generating the service workers and web manifests required

    Transforms CSS using a PostCSS plugin pipeline for vendor prefixing and module-based scoping.

    JavaScriptbuild-toolsreactzero-configuration
    Voir sur GitHub↗103,327
  • angular/angularAvatar de angular

    angular/angular

    100,360Voir sur GitHub↗

    Angular is a platform for building web applications using a component-based architecture. It provides a comprehensive suite of tools for managing encapsulated UI units, including hierarchical dependency injection, a declarative template system, and fine-grained reactivity through signals. The framework supports complex application requirements such as client-side routing, form management, and internationalization. The project includes a command-line interface for scaffolding and build automation, alongside a testing ecosystem for unit and integration verification. It offers multiple rendering

    Permits the inclusion of global CSS files by overriding default component-level style isolation.

    TypeScriptangularjavascriptpwa
    Voir sur GitHub↗100,360
  • ant-design/ant-designAvatar de ant-design

    ant-design/ant-design

    98,362Voir sur GitHub↗

    Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l

    Injects styles at runtime using unique hash values to ensure proper component isolation and support for dynamic updates.

    TypeScriptant-designantddesign-systems
    Voir sur GitHub↗98,362
  • mui/material-uiAvatar de mui

    mui/material-ui

    98,459Voir sur GitHub↗

    Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engi

    Maps design tokens to native CSS variables to facilitate dynamic theme switching without requiring expensive runtime style recalculations.

    JavaScriptdesign-systemmaterial-designmaterial-ui
    Voir sur GitHub↗98,459
  • callemall/material-uiAvatar de callemall

    callemall/material-ui

    98,475Voir sur GitHub↗

    This project is a component-based UI framework and a React Material Design library. It provides a comprehensive set of reusable interface elements that implement Google Material Design specifications to ensure consistent visual styles and behaviors across web applications. The framework enables the construction of professional layouts for enterprise web interfaces and the rapid prototyping of frontend designs. It uses a collection of pre-designed React components to standardize layouts and accelerate the overall development process. The system integrates a styling engine and theme-based inje

    Features a styling engine that embeds CSS definitions directly within JavaScript for component-level styling.

    JavaScript
    Voir sur GitHub↗98,475
  • tailwindcss/tailwindcssAvatar de tailwindcss

    tailwindcss/tailwindcss

    95,631Voir sur GitHub↗

    Tailwind CSS is a utility-first CSS framework and design system framework used to build custom user interfaces. It provides a set of low-level utility classes that are applied directly in HTML, allowing for the creation of custom web designs without writing traditional custom CSS files. The framework functions as a PostCSS plugin and a responsive web design tool. It utilizes a mobile-first system of modifiers to create layouts that adapt to different screen sizes and establishes consistent visual languages through a centralized configuration of colors, spacing, and typography. The system sup

    Provides a system that generates optimized atomic CSS classes based on predefined utility mappings.

    TypeScript
    Voir sur GitHub↗95,631
  • tailwindlabs/tailwindcssAvatar de tailwindlabs

    tailwindlabs/tailwindcss

    95,592Voir sur GitHub↗

    Utility-first CSS framework for fast, design-system-friendly styling.

    Applies responsive design and layout constraints directly within markup using atomic class names.

    TypeScriptcssframeworkutility
    Voir sur GitHub↗95,592
Préc.123456…51Suivant
  1. Home
  2. User Interface & Experience
  3. Styling and Theming Systems

Explorer les sous-tags

  • CSS Base Styles7 sous-tagsFoundational style definitions that establish the default visual baseline for an application's user interface.
  • CSS Layout Systems5 sous-tagsSystems that define the spatial arrangement and alignment of elements on a page using CSS-based rules.
  • Content Styling10 sous-tagsTools and methodologies for defining, applying, and managing the visual appearance of application content and components.
  • Interface ModesConfiguration options that toggle specific UI behaviors like filtering or selection logic.
  • Language Settings1 sous-tagConfiguration options for selecting the display language of the interface.
  • List VirtualizationStrategies for rendering large datasets by mounting only visible items.
  • Progress Bar Theme FactoriesFactory functions for creating spinner, bar, and theme styles that decouple visual appearance from progress logic. **Distinct from Styling and Theming Systems:** Distinct from general Styling and Theming Systems: focuses specifically on factory-based theme creation for progress indicators, not general UI theming.
  • Style Interoperability1 sous-tagTools that manage the integration and compatibility of different style sources within a single application.
  • System Theme IntegrationMapping application styles to native operating system theme brushes and specialty effects. **Distinct from Styling and Theming Systems:** Focuses on synchronizing with OS theme brushes rather than general design token management.
  • Terminal Theme Systems1 sous-tagConfiguration formats for terminal-based visual styling.
  • Typography and Iconography10 sous-tagsResources for managing text presentation, font rendering, and graphical iconography within a user interface.
  • Visualizer Customization Settings1 sous-tagConfiguration options for adjusting the display, highlighting, and visibility of data panels and message outputs.