The 69 UI kits on this page cover web app dashboards: admin panels, SaaS back offices, CRM and HR systems, AI tools, finance and analytics apps. A kit usually has two parts. The first is a component library with buttons, inputs, tables, charts, navigation and modals. The second is a set of ready screens that show those components in use. Some kits add a design system page with color and type styles, and a few pair the Figma file with a React, Vue, Angular or HTML admin template. Start from the screens closest to your product, then keep the component library as the source for every new screen.
What's the difference between a dashboard UI kit and a template?
A template is a finished set of screens for one product. A UI kit also gives you the components and styles, so you can design screens the kit doesn't have without drawing them from scratch.
Do these kits include code?
Most are Figma only. A few are paired with a coded admin template in React, Vue, Angular or HTML, and the pack page says so.
Can I use a kit in a product for a client?
Yes. The commercial license covers client and company work. You can't resell the kit or publish its components as your own UI kit.
.png?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
.jpg?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
