DEV Community

Ryo Kage
Ryo Kage

Posted on

I built a premium SaaS dashboard boilerplate with React 19 and Tailwind CSS - Gallerist

What is Gallerist?

A fully interactive, production-ready SaaS dashboard boilerplate built with React 19, Vite, TypeScript, and Tailwind CSS 3. Designed with an editorial cream-white aesthetic.

Features

  • Dashboard - Animated metric counters, real-time search filter, sortable activity table
  • Settings Page - 4 tabs: Account, Appearance, Notifications, Billing
  • Help and Support - FAQ accordion with smooth animations
  • Profile Panel - Slide-in from right with stats and activity feed
  • New Project Modal - Type selection pills, loading state, success toast notifications
  • Dark Mode - Full toggle with smooth 500ms transitions across ALL pages
  • Global Toast Notifications - Elegant bottom-right notification system
  • 100% TypeScript - Fully typed throughout

Tech Stack

  • React 19
  • Vite 8
  • TypeScript
  • Tailwind CSS 3
  • Material Symbols icons
  • Inter font

Design System

Uses the Ivory Editorial design system - cream white tones, no visible borders, tonal surface architecture. Looks genuinely premium, not like a generic template.

Get the source code

Full source code on Gumroad for $99: https://rohanrathod5.gumroad.com/l/mqzghe

Includes the full source, README, and pre-built dist folder. Commercial license included.

Happy to answer any questions about the implementation in the comments!

Top comments (0)