200+ page blocks
Pick a ready-made section instead of starting with an empty file.
Start with the right building blocks
Explore ready-to-use page blocks and components. Find a section you like, copy the code, and make it your own.
Features
Pick a ready-made section instead of starting with an empty file.
Find heroes, feature sections, pricing, and more in one collection.
See how a block looks before adding its code to your project.
Copy the code for a block and adapt it in your own project.
Use blocks with styles for both light and dark themes.
Use the collection in personal and commercial projects.
Frequently asked questions
Get to know the blocks before you make them your own.
Want to see what you can build?
Explore the blocksShadcn UI components are pre-designed user interface elements that can be easily integrated into your web projects. They provide a streamlined way to enhance the visual appeal and functionality of your applications.