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.

Coming soon
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.

Figma logo
Preview in Figma
Figma logo
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.

Roadmap

AntBlocks UI Journey

Navigate our product's evolution with this roadmap. You'll know where we're headed without needing to ask for directions.

Stage 1

General Components

Available
  • Develop General Components Group
  • Components: Empty sections, Panels, Grids and Typography.
TBD
September 27, 2023

Application UI Components

Available
  • Develop the first batch of Application UI Component group
  • Components: Action Panels, App Headers, App Shells, Cookies, Footers, Lists, Login Forms, Navbars, Signup Forms, Stats and Tables.
TBD
September 27, 2023

Figma UI kit version 1

Available
  • Create the UI kit for Figma containing first batch of General components.
  • Create the UI kit for Figma containing first batch of Application UI components.
  • Support Variables, auto layout, variants etc.
  • Support light and dark theme
TBD
September 18, 2023

Stage 2

Application UI Components 2nd batch

Available
  • Develop the second batch of Application UI Component group
  • Components: Cards, Empty sections, App Headers.
TBD
January 31, 2024

Application UI Pages

Scheduled
  • Develop user-friendly and visually appealing pages
  • Pages: Home, Settings and Detail
TBD

Themes

Scheduled

Themes will allow you to apply different styles to your application by simply adding code to ConfigProvider in you Ant Design project.

  • Provide multiple themes examples
TBD

Figma UI kit version 2

Scheduled
  • Create the UI kit for Figma containing second batch of Application UI components.
  • Add Pages to the Figma UI kit.
  • Support Variables, auto layout, variants etc.
  • Support light and dark theme
TBD

Stage 3

Application UI Components 3rd batch

Scheduled
  • Develop the third batch of Application UI Component group
  • Components: TBD.
TBD

E-commerce Components

Scheduled
  • Develop the first batch of E-commerce Components group
  • Components: TBD.
TBD

Figma UI kit version 3

Scheduled
  • Create the UI kit for Figma containing E-commerce components
  • Support Variables, auto layout, variants etc
  • Support light and dark theme
TBD