Folio — Open Source Data Intelligence Landing Template

What is this

Folio is a Next.js 15 marketing template built for open-source data intelligence, business-intelligence, and AI-charting products. It bundles a Hero with an embedded dashboard preview, a Bento grid, animated Feature Tabs, and the supporting pages every OSS landing page needs — so you can launch a credible site without rebuilding the same scaffolding.

Who is this for

Founders and maintainers launching an open-source data tool, natural-language-to-SQL product, AI-charting library, or BI platform who need a polished marketing site that signals credibility from the first scroll — without spending weeks on design polish, dark-mode QA, and section assembly.

Highlights

• Save 80+ hours of frontend work
• Positioning baked in for OSS / data-intelligence products
• Hero with embedded dashboard preview
• Light + dark mode, fully responsive
• Ship to Vercel in minutes
• Yours to own — unlimited projects, commercial use

Features

• Next.js 15 App Router + Turbopack
• React 19 + TypeScript 5.7
• Tailwind CSS 4 + shadcn/ui + Radix primitives
• Light / Dark mode (next-themes)
• Framer Motion animations
• Hero with in-page dashboard preview
• Bento feature grid + animated Feature Tabs
• How-it-Works walkthrough
• Testimonials, Customers, Pricing, FAQ, CTA
• Pricing, Contact, Privacy, Terms, 404 pages
• SEO: dynamic metadata, sitemap, Open Graph
• Type-safe env with @t3-oss/env-nextjs
• Optional Drizzle ORM + Neon Postgres
• Optional Resend + React Email
• React Hook Form + Zod forms
• Biome lint + format

Sections included

Tech stack

Dependencies