Ant Design Style

Ant Design Style

Application-level CSS in JS solution built on Ant Design V5 Token System

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.

Ant Design Style

Ant Design Style

Application-level CSS in JS solution built on Ant Design V5 Token System

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

立即了解

Flexible Theme Extension

立即了解

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

立即了解

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

Application CasesSOON

立即了解

Easy Responsive Adaptation

Ant Design Style will provide convenient utility functions for responsive applications, helping developers quickly complete responsive theme development.