Introduction
Sassify is a production-ready SaaS starter built on Next.js 14, Tailwind CSS, and a hand-crafted component library. It gives you everything you need to launch your product without rebuilding the same foundation for the tenth time.
What's included
| Layer | What you get |
|---|---|
| Landing page | Animated hero, logo marquee, stats, features, pricing, testimonials, FAQ, CTA, footer |
| Component library | 22+ UI components — Button, Input, Modal, Table, Chart, CommandPalette, and more |
| Auth pages | Login, Signup, Forgot Password with dark/light mode |
| Blog | MDX-powered posts with syntax highlighting, author cards, and related posts |
| Docs | This documentation system — collapsible sidebar, TOC, and full MDX support |
Who it's for
Sassify is designed for:
- Indie hackers launching their first SaaS and want to skip the boilerplate
- Agencies building client products that need a polished starting point
- Teams who want a reference architecture for a modern Next.js application
What it's not
Sassify is a template, not a framework. It doesn't abstract over Next.js — it is Next.js, configured and structured for production SaaS. You own every file. There's no sassify dependency to update.
Tech stack
Next.js 14 App Router — Framework
TypeScript — Type safety
Tailwind CSS v3 — Styling
Framer Motion v12 — Animations
GSAP + ScrollTrigger — Scroll choreography
Lenis — Smooth scroll
React Three Fiber — 3D / WebGL
Lucide React — Icons
next-mdx-remote — MDX rendering
gray-matter — Frontmatter parsing
rehype-pretty-code — Syntax highlighting
Next steps
- Installation — clone the repo and run locally
- Components — browse the component library