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