Synapse — AI Agent Platform
A light-mode, orange-accented AI agent platform landing page with an app dashboard mockup hero, tabbed how-it-works section, feature bento, benefits grid, testimonials, and dark CTA.
4 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, Framer Motion, Lenis.
What's included
Everything you need to ship
Orange-accented light-mode design
Production-ready and fully customisable out of the box.
App dashboard mockup in hero
Production-ready and fully customisable out of the box.
Auto-advancing tabbed how-it-works
Production-ready and fully customisable out of the box.
Features bento with live UI previews
Production-ready and fully customisable out of the box.
Benefits 3-column layout with center visual
Production-ready and fully customisable out of the box.
Auto-cycling testimonials
Production-ready and fully customisable out of the box.
Dark CTA section with gradient
Production-ready and fully customisable out of the box.
Lenis smooth scroll
Production-ready and fully customisable out of the box.
Framer Motion scroll-reveal animations
Production-ready and fully customisable out of the box.
Fully responsive across all viewports
Production-ready and fully customisable out of the box.
Included sections
Ready to ship with Synapse — AI Agent Platform?
One-time payment. Instant download. Everything you need to go from idea to production.