Settings
Profile, billing, security & team preferences
A complete settings system built for real shadcn-based products and designed end to end in Figma.
This set of templates covers common product settings patterns like profile details, account preferences, notifications, security, billing, and team management. Each screen is composed from consistent shadcn-style components, with clear hierarchy, predictable spacing, and layouts that translate cleanly from Figma to React.
Instead of a single generic settings page, this shows how Shadcraft handles complex, multi-section configuration flows in a way that feels familiar to modern SaaS users and practical for developers building on shadcn/ui. It's meant to be dropped straight into production workflows or adapted as a foundation for custom settings experiences.
Settings is available as part of our Pro and Pro + React Design Systems. Get Settings
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.
