Ruixen Logo
Back to Templates
Folio landing — hero with dashboard preview
Folio landing — bento grid
Folio landing — feature tabs
Folio landing — how it works

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.

Why should I use this?

  • 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

1x Landing Page with 14 sections

  • Header with mobile menu + theme toggle
  • Hero with dashboard preview
  • Logo Cloud / Customers carousel
  • Bento feature grid
  • Feature Tabs (animated)
  • How-it-Works walkthrough
  • Services
  • Product Tabs
  • Testimonials
  • Quote
  • Pricing comparison table
  • FAQ accordion
  • CTA
  • Footer
Template

Folio — Open Source Data Intelligence Landing Template

Production-grade Next.js 15 landing template for open-source data intelligence and AI charting products. Hero with dashboard preview, Bento, How-it-Works, FAQ.

$39

Included

  • 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

Dependencies

  • next15.5.9
  • react19.0.0
  • typescript5.7.3
  • tailwindcss4.0.4
  • framer-motion12.23.26
  • drizzle-orm0.41.0
  • better-auth1.2.5
  • resend4.2.0

Tech Stack

nextjs
react
tailwind
Version 1.0.0