AI Content Studio — Next.js AI SaaS Template

AI Content Studio is a production-ready Next.js SaaS template designed for makers, indie developers, and agencies who want to launch an AI-powered content generation product fast. It ships with a complete marketing landing page — hero, features, how-it-works, content types, pricing, testimonials, and CTA — alongside four fully built internal app pages: a workspace dashboard, a Notion-style block editor with an integrated AI generation panel, a prompt history browser, and an export and share interface. Every section is dark-mode only, built on an oklch color system with electric violet and amber accents that give it a distinctive, premium feel without looking like every other SaaS template on the market. The template is engineered with a strict separation between content and UI. A single config.tsx file holds every piece of copy, every nav link, every pricing plan, every testimonial, and every quick action — no hunting through component files to update text. Pair that with a metadata.tsx that covers global OpenGraph tags, per-page static metadata, and a buildMetadata() helper for dynamic routes, and the SEO foundation is ready to go before you write a single line of custom code. The design system lives entirely in globals.css, with reusable gradient and glow variables that cascade through every component automatically. Under the hood, every interactive element uses components from shadcn/ui — Button, Badge, Tabs, DropdownMenu, Switch, Avatar, Progress, Tooltip, Textarea, and more — so there are no custom primitives to maintain. Animations are handled by Motion (formerly Framer Motion) with a consistent fadeUp pattern, useInView scroll triggers, and AnimatePresence for route and panel transitions. The result is a template that looks polished on day one and is easy to extend, rebrand, or hand off to a client.