Copyright image by Sitecore
Sitecore just released the Blok Design System, and this one’s exciting for anyone building on or around the Sitecore ecosystem. Blok brings Sitecore’s own UI design language, colours, spacing, typography, and components into an installable, React-based framework. It’s built with shadcn/ui and Tailwind, so you can drop the same elements that power Sitecore’s internal experiences straight into your own apps.
Why this matters
For years, apps and tools often looked like Sitecore, but not quite the same. Every partner recreated buttons, forms, modals, and layout patterns from scratch to mimic the platform's look and feel. With Blok, that problem is now solved. You can now create extensions or standalone tools that feel completely native to the Sitecore UI.
Where can you use it?
- Build Marketplace apps that blend seamlessly with the rest of the Sitecore interface.
- Use it in customer-specific apps (for example, content migration dashboards, approval tools, or custom editors).
- Ship faster, stay visually consistent, and deliver a Sitecore-native experience.
Getting started
You can explore it right now via the beta site or install components directly using the shadcn CLI:
My two cents
This looks like a small announcement, but it will have a big impact on us developers. It shows Sitecore’s commitment to openness and design consistency across its ecosystem. As developers, we can finally focus on building great functionality without the need to dwell on the UI basics.Until next time!