Solid

Solid is a free, open-source SaaS landing website template for Next.js and Tailwind CSS, built by nextjstemplates and distributed through ThemeWagon, that provides a complete multipage marketing site with 8+ prebuilt pages.

What is Solid?

Solid is a free SaaS landing website template built on Next.js v16, React v19, and Tailwind CSS v4, created by nextjstemplates and distributed on ThemeWagon. It takes a standard Next.js project structure and outputs a complete multipage marketing website with 8+ prebuilt pages, including home, pricing, blog, authentication, FAQ, and utility pages. The template is designed for startups, software products, and digital service businesses that want to present a product clearly and drive conversions.

Key Features

• Modern tech stack — Built with Tailwind CSS v4, Next.js v16, and React v19, giving developers a current React-based foundation with utility-first styling.
• Light & Dark Modes — Includes both light and dark color schemes, switchable without extra dependencies.
• 8+ Prebuilt Pages — A multipage layout covering hero header, pricing table, testimonial carousel, FAQ with accordions, tabbed contents, contact form, newsletter subscription, authentication pages, blog pages, and a 404 page.
• Responsive & mobile-first — Fully responsive with a mobile-first design, plus a collapsible burger menu and sticky top navigation for small screens.
• Conversion-focused components — Call-to-action buttons, on-hover effects, back-to-top button, social media icons, and a detailed footer.
• SEO-friendly & cross-browser — Optimized for page speed, SEO, and compatibility with Chrome, Edge, Firefox, Safari, Opera, Android, iOS, and more.

Who is it for?

• Startup founders — Launch a marketing site for a new SaaS product without hiring a designer, using the prebuilt landing and pricing pages to collect leads.
• Software product teams — Use the blog and authentication pages to add content marketing and user login flows to an existing Next.js project.
• Digital service agencies — Set up a professional portfolio site with testimonial carousel, contact form, and newsletter signup to attract clients.
• Developers — Customize the clean, well-organized codebase to match a brand, since the template is open source and freely usable in commercial projects.

What can you do with Solid?

• SaaS startups: Create a conversion-focused landing page with a hero header, pricing table, FAQ, and call-to-action buttons to drive signups.
• Content teams: Publish articles using the included blog pages and highlight social media links for distribution.
• Developers: Use the authentication pages as a starting point for login and signup flows in a Next.js app.

FAQ

Is Solid free to use?

Yes, Solid is a free template. It is open source, licensed for use in commercial projects, and includes lifetime free updates. However, free templates from ThemeWagon do not include support and require a credit/attribution to the author.

What versions of Next.js and Tailwind CSS does Solid use?

Solid is built with Tailwind CSS v4, Next.js v16, and React v19. That makes it a modern, current stack, but you should verify your environment matches these versions when you install it.

Does Solid include blog and authentication pages?

Yes, the template includes blog pages and authentication pages in addition to the standard SaaS landing sections like hero header, pricing table, FAQ with accordions, tabbed contents, contact form, newsletter form, testimonial carousel, and a 404 page.

Who created Solid?

Solid was created by nextjstemplates, a ThemeWagon author. Demo code is hosted on GitHub Pages, and the project can be downloaded from the ThemeWagon product page.