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

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

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

5 个仓库

Awesome GitHub RepositoriesClass Mapping

Mapping class names to specific module keys to resolve scoped styles.

Distinct from CSS Style Modules: Focuses on the runtime mapping logic rather than the build-time definition of style modules.

Explore 5 awesome GitHub repositories matching web development · Class Mapping. Refine with filters or upvote what's useful.

Awesome Class Mapping GitHub Repositories

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

    JedWatson/classnames

    17,794在 GitHub 上查看↗

    classnames is a JavaScript utility for conditionally joining CSS class names into a single space-separated string. It functions as a class name manager that maps boolean flags and objects to specific styles for HTML attribute assignment. The tool resolves abstract class identifiers to computed values, facilitating integration with modular styling systems. It allows for the mapping of dynamic identifiers to scoped class names through a dedicated module resolver. The utility processes strings, arrays, and objects to handle dynamic class name management. It includes capabilities for recursive a

    Maps class names to specific module keys to resolve dynamic styles in modular systems.

    JavaScript
    在 GitHub 上查看↗17,794
  • tailwindlabs/prettier-plugin-tailwindcsstailwindlabs 的头像

    tailwindlabs/prettier-plugin-tailwindcss

    7,010在 GitHub 上查看↗

    This project is a Prettier plugin and Tailwind CSS class sorter that automatically organizes utility classes into a consistent and recommended order. It functions as a frontend styling formatter and CSS utility organizer, removing duplicate classes and sorting style attributes across HTML and JavaScript files. The tool ensures consistent markup formatting by ordering utility classes within HTML attributes, template literals, JavaScript expressions, and custom framework props. It integrates with Tailwind CSS configuration files and stylesheets to synchronize sorting behavior with custom theme

    Reads theme files to create weighted priority lists for sorting both standard and custom utility classes.

    TypeScript
    在 GitHub 上查看↗7,010
  • mwilliamson/mammoth.jsmwilliamson 的头像

    mwilliamson/mammoth.js

    6,101在 GitHub 上查看↗

    Lets users define custom rules mapping named DOCX paragraph and run styles to specified HTML tags and CSS classes.

    JavaScript
    在 GitHub 上查看↗6,101
  • 501351981/vue-office501351981 的头像

    501351981/vue-office

    5,618在 GitHub 上查看↗

    vue-office is an office document preview library and web-based document viewer designed to render Word, Excel, PowerPoint, and PDF files directly in a web browser. It provides a collection of reusable components that allow for the display of documents using network URLs, data buffers, or blob data without requiring external plugins. This rendering solution is built as a cross-framework document renderer, offering integration for Vue 2, Vue 3, and React. It enables client-side document display to avoid server-side conversion processes. The library handles document visualization through client

    Translates internal office document styles into corresponding CSS rules for consistent visual representation.

    JavaScriptdocxdocx-previewexcel
    在 GitHub 上查看↗5,618
  • seek-oss/treatseek-oss 的头像

    seek-oss/treat

    1,143在 GitHub 上查看↗

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

    Maps style definitions to pre-generated CSS classes at runtime using a lightweight lookup mechanism.

    TypeScriptcss-in-jscss-in-tswebpack-plugin
    在 GitHub 上查看↗1,143
  1. Home
  2. Web Development
  3. Modular Architectures
  4. CSS Style Modules
  5. Class Mapping

探索子标签

  • Document Style MappingsMaps named paragraph and run styles from document formats to HTML elements and CSS classes. **Distinct from Class Mapping:** Distinct from Class Mapping: operates on document-level styles (paragraph/run names) rather than CSS module class name resolution.
  • Utility Class Priority MappingWeighted mapping of utility classes based on configuration to determine their sorting order. **Distinct from Class Mapping:** Distinct from CSS module mapping; focuses on the priority weight of classes for sorting rather than scope resolution.