A dashboard can look great in screenshots and still feel strange once you start clicking around.
That’s something I kept running into while working on StudioGrid Pro.
The individual screens weren’t really the problem. The problem was everything between them.
If you change a plan, the billing screen should know about it.
If you update customer data, it shouldn’t feel like you moved into a completely different demo.
Filters, states, settings and actions should make sense across the product.
So lately I’ve been spending much more time on those connections than on adding more screens.
It’s a small difference when you look at a single screenshot, but a pretty big one when you actually use the UI.
I also released a free Next.js SaaS dashboard starter while working on this, in case anyone wants to play with it:
https://studiogridpro.com/free/saas-dashboard-starter
Built with Next.js, React, TypeScript and Tailwind CSS.
Would be interested to know how other people handle this in templates or internal UI systems.
Top comments (0)