Ant Design StyleAnt Design Style
快速上手
最佳实践
API
更新日志
⌘ K

Ant Design Style

Ant Design Style

基于 Ant Design V5 Token System 构建的应用级 CSS in JS 解决方案

兼容样式引擎

兼容样式引擎

Ant Design Style 可以同时兼容 styled-components、emotion-styled 等多种样式引擎,兼具丰富的写法能力

立即了解
暗色模式一键切换

暗色模式一键切换

我们基于 antd v5 cssinjs 动态主题配置与暗色主题算法封装了,为应用级场景提供易用的亮暗色主题切换能力,使用方式更加简单。

立即了解
主题灵活扩展

主题灵活扩展

Ant Design Style 提供自定义 token 与 自定义 stylish 的功能,当 antd 默认的 token 不能满足样式诉求时,可以灵活扩展出自己的主题体系,并在 CSS in JS 中自由消费。

立即了解
Ant Design Token System

Ant Design Token System

默认集成 Ant Design V5 的 Token System,主题定制轻而易举,token 消费灵活易用

立即了解
复合样式 —— Stylish

复合样式 —— Stylish

Ant Design Style 提供了复合样式的能力,我们称它为 Stylish。Stylish 可以通过组合多个原子 token 来组织形成复杂的交互样式,实现极高的复用度。 感觉很熟悉?没错,它和 tailwindcss 的思想高度一致,但 stylish 将会具有更加明确的设计语义,维护也会更加轻松。

立即了解
less 平滑迁移

less 平滑迁移

旧项目需要迁移?使用 antd-style 可以将项目中的 less 较低成本地迁移到 CSS in JS,并获得更好的用户体验与开发体验。

立即了解
微应用良好兼容

微应用良好兼容

Ant Design Style 默认兼容 qiankun 微应用(但会牺牲一点性能)。同时并为不需要微应用的使用场景提供性能优化选项。

应用案例

应用案例SOON

展示使用 Ant Design Style 的组件、应用的各种案例,帮助开发者快速上手。 本文档同样使用 Ant Design Style 构建样式,可以作为静态站点类的参考。

立即了解
响应式轻松适配

响应式轻松适配

Ant Design Style 将为响应式应用提供便捷的工具函数,帮助开发者快速完成响应式主题开发。

相关资源

Ant Design
Ant Design Pro
Ant Design Pro Components
Umi-React 应用开发框架
Dumi-组件/文档研发工具
qiankun-微前端框架

社区

Medium
Twitter
yuqueAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconfSEE Conf-SEE Conf-蚂蚁体验科技大会

帮助

GitHub
更新日志
讨论

more products更多产品

yuque语雀-知识创作与分享工具
AntVAntV-数据可视化解决方案
EggEgg-企业级 Node.js 框架
kitchenKitchen-Sketch 工具集
xtech蚂蚁体验科技
Copyright © 2022-2024
Made with ❤️ by 蚂蚁集团 - AFX & 数字科技