Logo FormaUI

FormaUI

All templates
Marketing

Flowcast — Next.js Marketing Automation Template

Flowcast is a Next.js marketing automation SaaS template with Tailwind v4, shadcn/ui & Motion — landing, pricing, integrations, demo & case studies pages.

Flowcast — Next.js Marketing Automation Template preview

Overview

Flowcast is a premium Next.js template built for marketing automation platforms, email marketing tools, CRM software, and growth SaaS products. It ships a complete, conversion-focused landing page — hero, features, an animated automation workflow showcase, integrations, use cases, metrics, testimonials, a comparison table, and pricing — plus five production-ready internal pages: a full pricing page with FAQ, a searchable integrations catalog, a changelog timeline, a distraction-free demo booking page, and a customer case studies showcase. Every section follows real SaaS marketing patterns, so you're not starting from a blank canvas — you're starting from a template that already knows how to sell a marketing automation product.

Under the hood, Flowcast runs on Next.js App Router, Tailwind CSS v4, shadcn/ui, TypeScript, and Motion, with all colors and gradients defined as reusable oklch CSS variables — including custom gradient and glow tokens that give the template its signature look without a single hardcoded hex value. All content lives in a single typed config.tsx file, so rebranding copy, pricing plans, integrations, testimonials, or changelog entries takes minutes, not a hunt through dozens of components. SEO metadata is handled globally and per-page through a dedicated metadata.ts file with Open Graph and Twitter card support out of the box.

Flowcast is ideal for founders and agencies building marketing automation tools, email platforms, lead-generation software, AI marketing assistants, or growth-stack products that need a polished, dashboard-driven SaaS landing page fast. The vibrant, editorial-meets-SaaS design language — violet-indigo primary tones paired with a growth-green accent — sets it apart from generic blue B2B templates, while the modular component structure means every section can be reordered, removed, or extended without touching global styles. Whether you're shipping an MVP landing page this week or rebuilding an existing product site, Flowcast gives you a real head start.

Features

Typed content config — rebrand all copy, plans, and content by editing one config.tsx fileAnimated automation workflow visualization showing trigger → condition → action flowsSearchable integrations catalog with live category filtering across 16 integrationsMonthly/yearly pricing toggle with real-time price recalculationDistraction-free demo booking page built specifically for lead conversionCustomer case studies page with a featured bento layout and per-story result metricsChangelog timeline page ready to publish product updates out of the boxFull light/dark mode support via a single oklch design token systemReusable gradient and glow CSS variables applied consistently across every sectionPer-page SEO metadata system with Open Graph and Twitter card supportBuilt entirely with shadcn/ui components — extend with any official component via CLIFully responsive layouts across the landing page and all five internal pages
PagesLanding page
PricingNavbar
IntegrationsHero
ChangelogLogo Bar
DemoFeatures
Case StudiesAutomations
Integrations Preview
Use Cases
Metrics
Testimonials
Comparison
Pricing Preview
CTA
Footer
$59USD
Secure checkout via Gumroad

Built with

  • Next.js 15
  • TypeScript
  • ShadCN UI
  • Tailwind v4
  • Motion