Working with Blocks

Learn how get started and use our Ant Design React blocks.

Ant Blocks is a comprehensive library of ready-to-use React components meticulously crafted on the robust Ant Design framework. Created with the aim to streamline web development and enhance efficiency, blocks library empowers developers to effortlessly build stunning, functional, and responsive web applications.

Getting started

1. Install Ant Design

To utilize AntBlocks UI, it's essential to have Ant Design v5 (React) installed. You can initiate this process by referring to the comprehensive guide available on the official Ant Design documentation page. This guide will assist you in starting and implementing Ant Design in your project.

2. Use Blocks

You will find the code for the AntBlocks UI components in our Customer Portal.

  1. Log in to our Customer Portal with the email you used to make the purchase.
  2. Go to the Overview page and scroll down to the "Blocks" section.
  3. Download the blocks zip file.
  4. Unzip the file.
  5. Copy and paste the blocks into your Ant Design React project.

Speed up your design and development process

Stop starting from scratch for every project. Use pixel-perfect elements to efficiently design your next Ant Design app.

Get access