Simplistic AI SaaS
Deploy AI agents that work while you sleep. Features an immersive app layout dashboard, custom logo track, asymmetrical feature bento, multi-device matrix, and interactive hooks.
Next.js
TypeScript
Tailwind CSS v4
Framer Motion
Lucide Icons4 pages included
Get started
Run it on your machine
Download the template, install dependencies, and have a fully working Next.js app running locally in under 2 minutes.
Download ZIP
Purchase the template to get the full source ZIP
↓Install deps
Open a terminal in the project folder and run the install command
Start dev server
Spin up the local development server with hot reload
Open browser
Visit the local URL and start customising the template
$ npx create-next-app@latest my-app
$ # copy template files into my-app/src/
$ cd my-app
$ npm install framer-motion lucide-react @studio-freight/lenis
$ npm run dev
→ Ready on http://localhost:3000
Requires Node.js 18+ and npm 9+. Stack: Next.js, TypeScript, Tailwind CSS v4, Framer Motion, Lucide Icons.
What's included
Everything you need to ship
AI agent hero with live motion effects
A cinematic, full-viewport hero section with particle physics and spring-animated headline copy tuned for AI narratives.
Asymmetrical bento feature grid
Five-cell bento layout with hover-reactive illustrations and per-cell accent gradients that adapt to light and dark mode.
Multi-device capability matrix
Animated side-by-side device showcase — desktop, tablet, and phone — rendered with real responsive breakpoints.
Logo marquee trust strip
Infinite-scroll marquee of client and partner logos with reduced-motion fallback.
Tiered pricing with toggle
Monthly/annual billing toggle with animated card transitions and highlighted recommended tier.
FAQ accordion with spring physics
Smooth-opening accordion built with Framer Motion spring stiffness and damping for a premium tactile feel.
Tailwind CSS v4 design tokens
All colours, spacing, and radii defined as CSS custom properties using the oklch colour system.
Framer Motion microinteractions
Button hover, card lift, scroll-reveal, and stagger entrance animations using Framer Motion v12.
TypeScript strict mode
Full type coverage — props, catalog data, and utility functions are all strictly typed.
Fully responsive on all viewports
Tested on 375 px iPhone SE through 4 K desktop. Layout adapts using Tailwind's responsive prefix system.
Included sections
Ready to ship with Simplistic AI SaaS?
One-time payment. Instant download. Everything you need to go from idea to production.