Building blocks for your apps. Blocks are pre-built components that you can use to build your apps faster. They are built with TailwindCSS and Angular, and are fully customizable.
Available Blocks
Categories
Open Source
Featured Blocks
Hand-picked collection of our best blocks
All Blocks
Browse blocks by category
How to use blocks
Learn how to add blocks to your project
Browse blocks
Browse the available blocks and find one that fits your needs. Click on a block to view its details.
Copy the code
Copy the component code and paste it into your project. All blocks are built with Angular and TailwindCSS.
Customize
Customize the block to fit your design. Change colors, spacing, and layout using TailwindCSS classes.
Ship it
That's it! Your block is ready to use. Build beautiful apps faster with pre-built components.
CLI Support Coming Soon
We're working on adding blocks support to the ZardUI CLI. Soon you'll be able to add blocks to your project with a single command.
Want to contribute?
Blocks are open source. If you have a block you'd like to share, we'd love to see it! Check out our contribution guidelines to get started.