FocusKit — Nextjs Tailwind Productivity App Template
Landing page + 6-view dashboard in one package. Built with Next.js 15, Tailwind CSS v4 and shadcn/ui. Ship your productivity app in days, not months.

Overview
FocusKit is a production-ready Next.js productivity app template designed for developers and students who want to launch fast without sacrificing quality. It includes two complete pieces in one purchase: a conversion-optimized marketing landing page and a functional Next.js dashboard template with six fully designed views — task management, habit tracking, focus sessions, notes, statistics, and settings. Built with Next.js 15 App Router, Tailwind CSS v4, and shadcn/ui, FocusKit follows modern React architecture with a clean, scalable folder structure. TypeScript throughout keeps the codebase easy to navigate, extend, and connect to your own backend. Perfect for developers building a productivity SaaS, indie hackers launching a side project, or students looking for a real-world shadcn/ui dashboard starter to learn from or ship fast. Stop building UI from scratch — FocusKit gives you a professional starting point so you can focus on your product logic from day one.
Features
| Pages | Landing page |
|---|---|
| About | Navbar |
| Pricing | Hero |
| Features | Social Proof |
| Docs | Features |
| docs/[slug] | Use Cases |
| auth/Login | How It Works |
| auth/Signup | Pricing |
| Dashboard | FAQ |
| dashboard/Tasks | CTA |
| dashboard/Pomodoro | Footer |
| dashboard/Calendar | |
| dashboard/Habits | |
| dashboard/Analytics | |
| dashboard/Settings |
Built with
Next.js 15
TypeScript
ShadCN UI
Tailwind v4
Motion


