Design & Build Your Projects Faster

AntBlocks UI is a library of high-quality, responsive, customizable and ready-to-use React and Figma components built on Ant Design. Streamline your web development workflow and create stunning web apps with ease.

  • check
    Copy & paste components
  • check
    Fully customizable
  • check
    Light & dark mode
  • check
    Responsive & functional
  • check
    Dedicated Figma UI kit
Features

Don't build from scatch

Creating components, even when using the Ant Design library, can be time-consuming, and we are well aware of that. This is precisely why we created AntBlocks UI – a valuable foundation that accelerates the development process.

widgets

Save your time

No need to build components from scratch. Choose from our extensive collection of ready-to-use components build on Ant Design v5 and spend your valuable time on other aspects of your project.

content_copy

Copy & paste

The simple copy-paste approach allows for quick and seamless integration of components into your project. Just copy the component and paste it into your Ant Design application.

tune

Built with tokens

Personalize your app's appearance with design tokens for easy customization of color schemes, fonts, and more. Create a unique look that matches your brand's identity.

phone_iphone

Responsive

All components are designed to be responsive and functional, ensuring a smooth and consistent user experience across various devices and screen sizes.

dark_mode

Dark mode

We developed all components so you can easily switch between light and dark mode to ensure that your app looks great, especially in low-light conditions or at night.

draw

AntBlocks UI for Figma

Our UI kit for Figma provides you with a seamless and organized experience between design and development when building the Ant Design projects.

palette

Themes

Tired of the default Ant Design style? Themes will enable you to quickly apply a specific style or aesthetic to their Ant Design project, ensuring brand consistency and a great user experience.

Figma UI kit

AntBlocks UI for Figma

AntBlocks UI is not limited to web developers. We have expanded our expertise into the design field with AntBlocks UI for Figma. In Figma, each component is identical to its counterpart in the code.

AntBlocks UI for Figma Light ThemeAntBlocks UI for Figma Dark Theme
event

Up to date: Just like React version, AntBlocks UI for Figma receives regular updates, ensuring your design resources stay in sync with code.

lightbulb

Smart: The UI kit fully supports Figma's latest features, including variables, auto layout, variants, and more.

format_paint

Customizable: The UI kit is fully customizable, allowing you to adapt and refine components according to your unique project requirements.

widgets

Default Ant Design: The UI kit not only provides all AntBlocks UI components, but it's also packed with thousands of default Ant Design components.

dark_mode

Themes: You can easily switch between light and dark theme in your project with Figma Variables by simply choosing the Color Mode.

grain

Icons: Don't waste time looking for icons with every new project you start. Use pixel-perfect 24x24px icons consistent with the Ant Design library.