ChatDeck is a free, MIT-licensed SaaS landing page template built on Next.js 15, Tailwind CSS, and shadcn/ui that gives you a conversion-focused homepage with nine pre-built sections.
What is ChatDeck?
ChatDeck is a free SaaS landing page template built with Next.js 15, React, TypeScript, Tailwind CSS, and shadcn/ui. It assembles independent section components into a single-page marketing site with hero, features, pricing, FAQ, and more. The project is MIT licensed, requires no attribution or paid tier, and ships with a live demo and one-click deployment to Vercel and other Node.js hosting platforms.
What makes ChatDeck stand out?
ChatDeck's distinguishing trait is that every section is an independent component, so you can edit, remove, or reorder sections without tangled dependencies. It includes a sticky navigation with smooth scrolling, an auto-scrolling testimonials marquee, a monthly/yearly pricing toggle with animation, and an accordion FAQ. Dark mode is supported out of the box, and the stack uses Next.js App Router for routing, Tailwind CSS for styling, and Motion for animations.
- Fully open source — MIT license, no paid tier, no restrictions, and no attribution required.
- Next.js 15 + App Router — React framework with server-side rendering and file-based routing.
- Tailwind CSS + shadcn/ui — Utility-first styling with accessible, composable components; colors are controlled via CSS variables in
app/globals.css. - Nine pre-built sections — Hero, navigation, video, social proof, features grid, team cards, testimonials marquee, animated pricing, and FAQ accordion.
- Dark mode included — Shown in the preview, with theme switching handled through the existing Tailwind and shadcn/ui setup.
- Self-contained section components — Each section lives in
components/sections/and can be imported or removed fromapp/page.tsxindividually. - Lucide React icons — Icon-based feature grid using the Lucide icon library.
- Motion animations — Smooth scroll and section entrance animations via the Motion library.
Who should use ChatDeck?
ChatDeck targets anyone launching a SaaS product who wants a ready-made, conversion-driven homepage without starting from scratch.
- Indie hackers — Launch a side project landing page in hours instead of days, with social proof, pricing, and FAQ sections already structured.
- Startup founders — Validate an idea before building the full product by publishing a professional page and collecting signups.
- Developers — Skip the design phase and customize the TypeScript components directly, using the skills they already have.
- Teams — Use the open-source template as a shared starting point for a product site, then deploy quickly with Vercel, Netlify, Railway, or Render.
What can you do with ChatDeck?
- Launch a conversion-focused product page — Combine the hero, social proof, features, pricing, and FAQ sections into a complete landing page in one page structure.
- Customize content and branding — Edit section content in clearly labeled components and change brand colors through CSS variables in
app/globals.csswithout touching unrelated parts. - Deploy to multiple platforms — One-click deploy to Vercel, or run it on Netlify, Railway, and Render since it supports any platform that runs Next.js.
How does ChatDeck work?
ChatDeck is a Next.js project you clone from GitHub and run locally with npm install and npm run dev. Each section is a React component under components/sections/, and app/page.tsx imports the sections you want to display. To deploy, connect the repository to a hosting provider; Vercel provides a one-click clone button.
Pricing
ChatDeck is free, open source under the MIT license, with no paid tier.
FAQ
Is ChatDeck really free?
Yes — ChatDeck is MIT licensed with no paid tier, no restrictions, and no attribution required. You can use it for personal and commercial projects, including client work.
Does it work with the latest Next.js and shadcn/ui?
Yes. The template is built on Next.js 15 with the App Router and current shadcn/ui components, styled with Tailwind CSS.
Can I use it for a commercial SaaS product?
Yes. The MIT license covers both personal and commercial use, including paid products and client work.
Do I need to know shadcn/ui to customize it?
No. Every section is a self-contained component, so you can edit content and colors without deep shadcn/ui knowledge. Familiarity with Tailwind helps for finer styling tweaks.
