# Template: SaaS UI

> Created by Gyanranjan Priyam (https://www.priyam.tech)
> Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Prisma, PostgreSQL, Better Auth, TanStack Query, TanStack Table, Zustand, Framer Motion, Radix UI, shadcn/ui, Zod, Recharts, Upstash Redis, Nodemailer, Google APIs, dnd kit
> Category: SaaS (2025)

- Canonical URL: https://www.priyam.tech/templates/saas-ui
- Live Demo: https://saas-ui.gyanranjanpriyam.tech
- Source Code: https://github.com/Gyanranjan-Priyam/saas-ui

---

## Overview

A feature-rich SaaS application UI built with Next.js 16 and React 19, combining a robust backend stack (Prisma + PostgreSQL + Upstash Redis) with a polished, production-ready frontend experience.

Authentication is handled via Better Auth, with full form validation through Zod and server-side email support via Nodemailer. Google APIs integration enables calendar and productivity features including iCal event generation.

The UI layer is powered by shadcn/ui, Radix UI, Framer Motion, and Recharts for data visualization, with drag-and-drop functionality via dnd kit, activity calendars, toast notifications via Sonner, and a drawer component via Vaul.

--- 

## Key Highlights

- Full-stack SaaS with Prisma ORM and PostgreSQL via pg adapter
- Authentication powered by Better Auth
- Redis caching with Upstash for high performance
- Drag-and-drop support via dnd kit (core, sortable, modifiers)
- Data tables with TanStack Table and charts with Recharts
- Google Calendar integration with iCal event generation
- 77.9% TypeScript — fully type-safe codebase


--- 

## Core Features

- Authentication & session management with Better Auth
- Database ORM with Prisma and PostgreSQL
- Redis-backed caching with Upstash
- Drag-and-drop kanban/sortable UI with dnd kit
- Advanced data tables using TanStack Table
- Charts and analytics dashboard with Recharts
- Activity calendar with react-activity-calendar
- Google APIs integration with iCal event support
- Toast notifications via Sonner
- Drawer UI component via Vaul
- Confetti celebrations with canvas-confetti
- Dark/light theme with next-themes
- Server-side email delivery via Nodemailer
- Form validation with Zod
- Global state management with Zustand


---

## Author & Creator

- Developer: Gyanranjan Priyam
- Portfolio: https://www.priyam.tech
- GitHub: https://github.com/gyanranjan-priyam
- Twitter: https://x.com/gr_priyam