Don't build components from scratch. Choose from our extensive collection of ready-to-use components for Figma and React build on Ant Design and spend your valuable time on other aspects of your project.
Hey everyone! ๐
I'm the creator of the Ant Design System for Figma and we've been consistently enhancing and refining it by adding new features. Until now, it has significantly enhanced the work processes of over 5500 designers and teams across the globe who incorporate Ant Design into their projects. The remarkable growth of this modest side project has exceeded my expectations, and I'm incredibly pleased that my efforts are aiding others in efficiently completing their projects.
Today, I'm thrilled to share that I'm taking an even bigger stride toward improving the workflows of teams engaged in Ant Design projects!
Meet AntBlocks UI!
AntBlocks UI is a library of high-quality, responsive, customizable, and ready-to-use React components built on Ant Design.
AntBlocks UI improves the development process by providing a versatile collection of code snippets for various use cases and industries. It simplifies integration with its copy-and-paste interface and supports tokens for customization. It aims to save developers time and effort while empowering them to create stunning, functional, and responsive web applications easily.
Why did we build AntBlocks UI?
Creating components and sections, even when using the Ant Design library, can be time-consuming, and we are well aware of that. We created AntBlocks UI to help developers focus on what truly matters โ crafting amazing user experiences and building successful projects without getting bogged down in the details of creating components from scratch.
Copy & paste
The simple copy-paste approach allows for quick and seamless integration of components into your project, accelerating your development process. Just copy the component and paste it into your Ant Design project.
Secure
We recognize the paramount importance of security, particularly for larger enterprises. With AntBlocks UI, you're not required to install any additional software beyond Ant Design itself. You can preview components and their associated code directly on our website, offering an added layer of reassurance.
Responsive
Every component is meticulously crafted to uphold responsiveness and functionality. This commitment guarantees a harmonious and dependable user experience across various devices and screen dimensions.
Dark mode
We developed all components so you can easily switch between light and dark modes to ensure that your app looks great, especially in low-light conditions or at night.
Built with tokens
Personalize your app's appearance with design tokens to easily customize color schemes, fonts, and more. Create a unique look that matches your brand's identity.
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.
--
With today's 1.2 launch, we've introduced access to new components. But that's just the beginning โ we're committed to expanding this collection further.
Learn more about AntBlocks UI: https://antblocksui.com/
Hi Hunters ๐!
I'm a co-maker of AntBlocks UI. We're excited to share our product with you. Let us know your first impression.
We're working on creating more components, so now you can tell us what kind of components you want to see in the next update in Mateusz's (@matsugfx) comment below.
Check AntBlocks UI: https://antblocksui.com/