Compatible Style Engines
Ant Design Style is compatible with various style engines such as styled-components, emotion-styled, etc., and has rich writing capabilities.
One-click Dark Mode Switch
We have encapsulated dynamic theme configuration and dark theme algorithm based on antd v5 cssinjs, providing easy-to-use light and dark theme switching capabilities for application-level scenarios, making it easier to use.
Flexible Theme Extension
Ant Design Style provides custom token and stylish functionality. When the default antd token does not meet the styling requirements, you can flexibly extend your own theme system and freely consume it in CSS in JS.
Ant Design Token System
Integrated with Ant Design V5 Token System by default, making theme customization easy and flexible token consumption in CSS in JS.
Compound Styles - Stylish
Ant Design Style provides the ability to create compound styles, which we call Stylish. Stylish can organize complex interactive styles by combining multiple atomic tokens, achieving high reusability. Sound familiar? Yes, it is highly consistent with the ideology of tailwindcss, but stylish will have a more explicit design semantics and easier maintenance.
Smooth Migration from less
Need to migrate from an old project? Using antd-style can smoothly migrate less in the project to CSS in JS at a lower cost, and provide a better user experience and development experience.
Good Compatibility with Micro Apps
Ant Design Style is compatible with qiankun micro apps by default (with a slight performance sacrifice). It also provides performance optimization options for scenarios that do not require micro apps.
Application CasesSOON
Showcases various cases of components and applications using Ant Design Style, helping developers get started quickly. This documentation is also built using Ant Design Style and can serve as a reference for static site construction.
Easy Responsive Adaptation
Ant Design Style will provide convenient utility functions for responsive applications, helping developers quickly complete responsive theme development.