awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

3 个仓库

Awesome GitHub RepositoriesTheme-Aware Components

UI elements that automatically adapt their appearance based on the active color scheme or theme.

Distinguishing note: Focuses on dynamic UI state based on themes, distinct from static image rendering.

Explore 3 awesome GitHub repositories matching user interface & experience · Theme-Aware Components. Refine with filters or upvote what's useful.

Awesome Theme-Aware Components GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • squidfunk/mkdocs-materialsquidfunk 的头像

    squidfunk/mkdocs-material

    26,949在 GitHub 上查看↗

    This project is a comprehensive documentation site framework and static site generator theme designed to transform markdown files into professional, responsive websites. It functions as a technical content platform that supports complex documentation projects, including multi-project management, blog workflows, and advanced content formatting. By processing source files through an extensible pipeline, it generates self-contained HTML sites that can be hosted on any web server without a database. What distinguishes this framework is its focus on developer experience and highly configurable bui

    The documentation generator displays different images based on the active color scheme by appending specific hash fragments to image URLs.

    Pythondocumentationframeworkmaterial-design
    在 GitHub 上查看↗26,949
  • styled-system/styled-systemstyled-system 的头像

    styled-system/styled-system

    7,870在 GitHub 上查看↗

    Styled System is a JavaScript library that provides a style props approach for building UI components, enabling developers to map CSS properties directly to component props for rapid, declarative development. At its core, it resolves design tokens from a centralized theme object into CSS values, ensuring consistent styling across components without writing custom stylesheets. The library supports theme-aware styling that connects component styles to a theme object for scalable, maintainable design systems with dynamic value resolution. The library differentiates itself through several capabil

    Connects component styles to a theme object for scalable, maintainable design systems.

    JavaScriptcolorscsscss-in-js
    在 GitHub 上查看↗7,870
  • seek-oss/treatseek-oss 的头像

    seek-oss/treat

    1,143在 GitHub 上查看↗

    Treat 是一个样式库,在构建过程中从 JavaScript 定义中提取 CSS,以消除运行时开销。它作为一个静态样式提取工具,将组件级样式定义转换为优化的、独立的 CSS 文件。该框架专为构建类型安全的、可主题化的设计系统而设计,允许用户界面组件根据活跃的设计系统设置调整其外观。 该库通过在保持与静态提取兼容的统一对象结构内实现复杂的样式组合(包括伪选择器、媒体查询和动画)而脱颖而出。它通过将样式定义映射到预生成的 CSS 类来支持动态视觉变化,利用轻量级查找机制在运行时解析主题。这种方法允许主题切换和按需主题加载,而无需重新加载整个页面或牺牲静态 CSS 的性能优势。 除了核心提取能力,该库还提供用于全局主题配置和基于上下文分发的工具,以确保大型应用程序中的视觉一致性。它包括对服务器端渲染的支持,确保样式为初始页面加载做好准备,并集成到开发工作流中以提供样式变更的热模块替换。该库通过标准构建管道进行配置,这些管道管理生成样式输出的转换、压缩和命名约定。

    Creates dynamic user interface components that automatically adapt their appearance based on active design system settings.

    TypeScriptcss-in-jscss-in-tswebpack-plugin
    在 GitHub 上查看↗1,143
  1. Home
  2. User Interface & Experience
  3. Theme-Aware Components