Dashboard
Cards, charts & transaction tables
A clean, finance-style dashboard template built with shadcn patterns and designed for Figma.
It shows how complex product data can stay calm and readable using well-structured cards, balance indicators, charts, and transaction tables. The layout highlights clear hierarchy, consistent spacing, and reusable components that translate cleanly from Figma to shadcn-based React apps.
This template is meant to demonstrate how Shadcraft's Figma UI kit and shadcn components work together to form a realistic, production-ready dashboard rather than a collection of disconnected UI blocks.
Dashboard is available as part of our Pro and Pro + React Design Systems. Get Dashboard
Pages that give you a real starting point
Pre-built layouts designed for real use cases, built from reusable blocks so you can move fast without starting from scratch.
Clear page structures with sensible hierarchy, spacing, and flow across every template.
Follows the same structure and conventions as shadcn/ui, so designs feel familiar and predictable.
Shared patterns, spacing, and components keep your pages aligned out of the box.
Covers common SaaS and marketing needs like dashboards, messaging, pricing, and more.
Works seamlessly with tokens and theming so pages adapt instantly across modes and brands.
Swap, remove, or rearrange blocks to create new layouts without starting from scratch.
