style-dictionary-utils

Style Dictionary 的设计令牌处理工具集

Style Dictionary 设计令牌 JSON解析器 CSS格式化 JavaScript格式化 Github 开源项目

style-dictionary-utils 是一个为 Style Dictionary 开发的工具集，用于处理 w3c 设计令牌。它包含解析器、过滤器、转换器和格式化器，支持颜色转换、尺寸单位转换和字体样式处理等功能。该工具兼容 ESM 和 CommonJS 模块系统，并能根据媒体查询和选择器生成高级 CSS 变量。它简化了设计系统开发流程，提高了开发效率。

访问官网

Github

介绍相关项目

design-resources-for-developers - 开发者设计资源大全：UI、字体、图标等全方位收录

GithubUI组件图标字体开源项目插图设计资源颜色

这是一个全面收录设计资源的开源项目,涵盖UI图形、字体、颜色、图标、模板等多个领域。从UI组件到设计工具,项目提供了现代Web和移动应用开发所需的各类设计元素。内容持续更新,旨在帮助开发者快速获取优质设计素材,提升项目视觉效果。

tailwindcss - 实用工具优先的CSS框架，快速构建自定义UI

CSS框架GithubTailwind CSS前端开发工具类优先开源项目用户界面

Tailwind CSS是一个基于实用工具类的CSS框架，旨在快速构建自定义用户界面。框架提供大量预定义的工具类，减少了编写自定义CSS的需求。它具有完善的文档、活跃的社区支持和讨论平台，适用于各种Web项目的开发。Tailwind CSS强调灵活性和可定制性，使开发者能够高效创建独特的设计。

styled2tailwind - 将Styled-Components转换为TailwindCSS的开源代码转换工具

CSS转换GithubReact组件Styled2Tailwind前端开发开源工具开源项目

styled2tailwind是一个开源的代码转换工具，用于将Styled-Components转换为TailwindCSS。该工具支持Next.js的App Directory路由，适配服务器组件，通过四步转换机制实现代码迁移。尽管处于早期阶段，styled2tailwind能够帮助开发者简化从Styled-Components到TailwindCSS的迁移过程，提高开发效率。

storybook - 高效开发和测试UI组件的前端工作坊

GithubStorybookUI组件前端开发开源项目文档测试

Storybook是一款流行的前端UI组件开发工具，支持React、Vue、Angular等多种框架。它提供隔离环境用于开发、测试和文档化UI组件，配备丰富的插件生态系统。Storybook支持响应式设计和可访问性测试，能显著提升开发效率，是现代前端开发的重要工具之一。

css-declaration-sorter - 基于属性名称排序CSS声明的Node.js模块和PostCSS插件

CSS排序GithubNode.js模块PostCSS插件声明排序开源项目样式组织

css-declaration-sorter是一个用于排序CSS、SCSS或Less声明的工具。它提供字母顺序、SMACSS和同心CSS等多种排序方式，支持嵌套规则和SCSS/Less语法。该工具有助于提高样式的组织性和一致性，可用于优化构建过程或减小CSS文件大小。它作为Node.js模块和PostCSS插件提供，并包含经过验证的预设排序顺序。

postcss - JavaScript 驱动的 CSS 转换工具支持丰富插件

CSS处理GithubPostCSS前端开发开源项目插件系统样式转换

PostCSS 是一款基于 JavaScript 的 CSS 转换工具。通过插件系统,它支持语法检查、变量和混合、未来 CSS 语法转译、内联图像等功能。PostCSS 被维基百科、推特、阿里巴巴等公司采用。其 Autoprefixer 和 Stylelint 插件广受欢迎。PostCSS 提供灵活 API 用于分析和修改 CSS 规则,便于开发者构建多样化的 CSS 工具。它可以优化 CSS 文件大小,提高网页加载速度,还能自动添加浏览器前缀,确保跨浏览器兼容性。

rainbow-sprinkles - 为 vanilla-extract 提供动态主题驱动的样式属性工具

CSSGithubRainbow Sprinklesvanilla-extract主题驱动动态样式开源项目

Rainbow Sprinkles 是一个基于 vanilla-extract 的样式属性工具，支持动态主题和自定义 CSS 属性。它生成的 CSS 体积更小，支持灵活的动态值和内联样式变量。该工具保留了 TypeScript 编辑器提示功能，适用于追求高度定制和性能的前端开发项目。

matcha - 轻量级纯CSS库简化HTML样式加速开发

CSS库GithubHTML样式matcha.css开源开源项目网页设计

matcha.css是一个轻量级纯CSS库，为HTML元素提供类似默认浏览器的样式。无需构建步骤、依赖和JavaScript，适用于快速原型开发、静态页面和Markdown文档。覆盖广泛HTML元素，支持自定义构建，提供语义化样式。易于集成和移除，文件仅7kB左右，能有效简化开发流程。适合追求简洁高效的Web开发者使用。

uncss - 智能清理未使用CSS的跨平台工具

CSS优化GithubUnCSS前端开发开源项目性能优化网页开发

UnCSS是一个开源工具，用于清理样式表中未使用的CSS代码。它能够处理多个文件，并支持JavaScript注入的CSS。通过加载HTML、解析样式表、筛选选择器和重新生成CSS，UnCSS实现了高效的代码精简。开发者可以通过Node.js API、构建工具集成或命令行界面使用UnCSS，适用于不同的Web开发需求。

prosemirror-dev-tools - ProseMirror编辑器的开发调试工具集

GithubProseMirror开发工具开源项目插件状态检查编辑器

prosemirror-dev-tools为ProseMirror编辑器提供了一套全面的开发调试工具。主要功能包括状态检查、历史记录、插件管理、架构分析、文档结构可视化和快照保存。这些工具有助于开发者进行编辑器状态检查、文档变更追踪、插件调试和架构优化。该项目可通过npm安装，易于集成，是ProseMirror开发过程中的重要辅助工具。

相关项目

项目侧边栏1

项目侧边栏2

推荐项目

Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手，通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能，支持100+编程语言，与主流编辑器无缝集成，显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台，能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐，Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案，通过智能技术简化视频制作流程。无论是企业宣传还是个人分享，有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持，能够阅读和理解用户上传的文件内容，解析网页信息，并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题，Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术，为商家提供一键生成商品图和营销文案的服务，显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台，让商品第一时间被种草。

Project Cover

吐司

探索Tensor.Art平台的独特AI模型，免费访问各种图像生成与AI训练工具，从Stable Diffusion等基础模型开始，轻松实现创新图像生成。体验前沿的AI技术，推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器，它将改变您观看视频的方式！SubCat结合了先进的人工智能技术，为您提供即时视频字幕翻译，无论是本地视频还是网络流媒体，让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台，利用前沿AI技术，为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图，再到文案生成，美间让创意设计更简单、更高效。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

使用协议隐私政策广告服务

投诉举报邮箱: service@vectorlightyear.com

@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号