ChatDeck

ChatDeck is a free, open-source SaaS landing page template built with Tailwind CSS v4, Next.js v16, and React v19, designed for startups, software products, and online services. It ships as a one-page, mobile-first site with a hero header, pricing table, testimonials, FAQ accordions, and a detailed footer — a ready-made starting point for a product marketing page rather than an application.

What is ChatDeck?

ChatDeck is a single-page landing template distributed by ThemeWagon and created by the author ShadcnDeck. It takes a developer-provided product message as input and produces a static, responsive marketing page with sections for features, pricing, social proof, and calls to action. The template runs on Next.js and React and is listed under the Landing & Website category.

Key Features

• Tailwind CSS v4 styling — utility-first styling across every section, so layout and colour changes happen in class names rather than separate stylesheets.
• Next.js v16 and React v19 — component-based structure that keeps content organized and makes updates easier.
• Light and dark modes — a built-in theme switch for both colour schemes.
• Hero header and sticky top navigation — a top hero section paired with a navigation bar that stays fixed while scrolling.
• Pricing table — a dedicated plan-comparison block for tiered SaaS pricing.
• Testimonials, FAQ accordions, and YouTube video player — social-proof and question-answer sections plus an embedded video block.
• Collapsible burger menu and social media icons — mobile navigation and footer social links.
• Mobile-first, fully responsive, cross-browser-compatible — tested for Android, Chrome, Edge, Firefox, iPad, iPhone, Opera, and Safari.
• SEO-friendly, page-speed-optimized codebase — structured for search visibility and fast loading, with on-hover effects and a detailed footer completing the one-page design.

Who is it for?

• Startup founders and indie developers: launch a product landing page without building layout or navigation from scratch.
• Frontend developers using Next.js and Tailwind CSS: start from a working one-page structure instead of scaffolding sections manually.
• Freelancers and agencies: customize the hero, pricing, and testimonial sections for a client's SaaS or software product.

What can you do with ChatDeck?

• Validate a product idea: assemble a hero, feature list, and call-to-action buttons into a shareable page before a full site exists.
• Present tiered pricing: use the included pricing table to advertise subscription plans for a software product or online service.
• Answer buyer questions: populate the FAQ accordion and testimonial section to address objections on the same page.
• Show a product demo: embed a YouTube video player in place of static screenshots.

Pricing

ChatDeck is free and open source. It can be used in commercial projects with lifetime free updates, but the free tier requires a credit/attribution and offers no support and limited customization.

FAQ

Is ChatDeck free?

Yes. ChatDeck is a free, open-source template that can be used in commercial projects and includes lifetime free updates. The free tier does require attribution credit and does not include support.

What technologies does ChatDeck use?

ChatDeck is built with Tailwind CSS v4, Next.js v16, and React v19, and also uses favicons and Google Fonts. Compatible browsers include Chrome, Edge, Firefox, Safari, Opera, and mobile Safari on iPhone and iPad.

Does ChatDeck include a dark mode?

Yes. The template ships with both light and dark modes, alongside a sticky navigation bar, accordions, a pricing table, testimonial section, and a detailed footer.

How many pages does ChatDeck include?

The template is a one-page design with one or more prebuilt pages plus all demo images and the required libraries and plugins. It was released at version v1.0.0.