21 Tailwind CSS landing page templates, both free and paid

Note: Some of these links are affiliate links, which means we get compensated in some way if you buy through them.

# Free templates

# Plain

Demo | Get it here

Important bits

• HTML/CSS template
• Uses Line Icons
• Has paid version with more features

Description

Plain is a free multipurpose template based on the utility first CSS framework Tailwind. This template is specially crafted for business, portfolio, agency, and corporate websites.

# Treact

Demo | Get it here

Important bits

• Uses React and twin.macro
• Has 7 Landing Page Demos, 8 Inner Pages, and 52 Components
• Free for personal as well as commercial use.

Description

Treact is a collection of lightweight and simple-to-setup UI landing pages and components built using TailwindCSS and React.

# SHINE

Demo | Get it here

Important bits

• HTML/CSS template
• Uses subtle animations
• Has a paid version with more features

Description

Shine is a free Tailwind CSS Startup and SaaS Landing Page Template Specially designed for – Startup SaaS, Business, and App Websites.

# Tailwind Starter Kit

Demo | Get it here

Important bits

• Has HTML/CSS, Vue, Angular, and React versions
• Includes 120 Fully Coded CSS elements.
• Provides 4 pages: Homepage, Dashboard, Login, and Profile Page

Description

Tailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the already one from TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue, and Angular.

# Simple Light

Demo | Get it here

Important bits

• React template
• Includes design files
• It uses Vite and SCSS

Description

Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. This template is designed to provide all the basic components a developer needs to create a landing page for SaaS products, online services, and more.

# VPN Landingpage

Demo | Get it here

Important bits

• Next.js Template
• Uses React Slick and React Scroll for some features
• Has a sticky header

Description

An Open Source Landingpage For VPN or Apps. Build using NextJS 10 and Tailwind v2.0

# Startup Landingpage

Demo | Get it here

Important bits

• HTML/CSS template
• Has custom made SVGs for the underlines and highlights
• Uses vanilla javascript for interactivity

Description

Startup Landingpage is a minimalist landing page built with Tailwind CSS.

# Paid templates

# Appy

Demo | Price: $39 | Get it here

Important bits

• Has dark mode
• HTML/CSS, React and Vue versions are available
• Has 8 pages: Homepage, About, Blog, Blog post, testimonials, help center, 404, and Contact.

Description

Appy is the ultimate mobile-based landing page template built on top of the latest Tailwind CSS 2.0 framework. Along with the toggle to switch between dark and white layouts, it introduces lots of new flexible elements you can use across websites and marketing landing pages. Appy contains 8 pre-made pages, dozens of pre-built sections, and several options that will help you to kickstart your project’s development with ease.

# Nemo

Demo | Price: $29 | Get it here

Important bits

• HTML/CSS template
• Uses Alpine.js for interactivity
• Has 6 pages: Homepage, About, Blog, Blog post, Pricing and help center

Description

Nemo is a minimalist landing page built with Tailwind CSS.

# Noir

Demo | Price: $29 | Get it here

Important bits

• HTML/CSS and Next.js versions are available
• Uses Alpine.js for interactivity
• Has beautiful typography

Description

Noir is a minimalist landing page built with Tailwind CSS.

# Monotone

Demo | Price: $29 | Get it here

Important bits

• Includes dark mode
• Has 20+ components and 20+ components
• Has 4 pages: Homepage, Blog, Blog post, and Pricing.

Description

Monotone is built with the latest version of Tailwind CSS and is using a lightweight JavaScript framework (Alpine.js)

# Travelia

Price: $13 -$18 | Get it here

Important bits

• One page design
• Both HTML and Vue versions are available
• Meets WCAG accessibility guidelines

Description

Travelia is the ideal travel and tourism website. It has a refreshing, clean look and amazing design features and will definitely pull traffic to your brand.

# Prodify

Price: $13-45 | Get it here

Important bits

• Available in HTML, Vue, React, and Angular versions
• Has 6 pages: Homepage, About us, Pricing, Knowledge base, Knowledge base inner page, Knowledge base single article
• Meets WCAG accessibility guidelines

Description

Prodify is a modern, sleek website that can be used by anyone to market a product and/or service. With its unique design, Prodify focuses on the growing trends of beautiful gradients and clean, large typography.

# Foodies

Price: $13-45 | Get it here

Important bits

• Available in HTML, Vue, React, and Angular versions
• One page design
• Meets WCAG accessibility guidelines

Description Foodies is an innovative, sleek website that could prove to be a game-changer for a restaurant or food delivery service. An appealing and stunning design ensures foodies stand out from their competitors.

# Pivot

Price: $13-18 | Get it here

Important bits

• Available in HTML, Vue, and React versions
• One page design
• Meets WCAG accessibility guidelines

Description

Pivot is a powerful, high-tech website useful to anyone looking to market a financial management business. With a unique dashboard and stunning visual Pivot will be a favorite for every user.

# Inertia

Price: $13-18 | Get it here

Important bits

• Available in HTML, Vue and React versions
• One page design
• Meets WCAG accessibility guidelines

Description

Inertia is a modern and unique website with an aesthetic design. Practically it can be best utilized by insurance companies looking to achieve a sleek, innovative look.

# Radian

Price: $13-45 | Get it here

Important bits

• Available in HTML, Vue, React, and Angular versions
• One page design
• Meets WCAG accessibility guidelines

Description

Radian is a state-of-the-art website with a bold and modern design. It is of best use to architecture firms looking to display their incredible portfolio as radian helps achieve an excellent modern look.

# Fast Delivery

Demo | Price: $9 | Get it here

Important bits

• HTML/CSS template
• Uses hero icons
• Uses jQuery for interactivity

Description

Fast Delivery is a minimalist landing page built with Tailwind CSS.

# SaasFolio

Demo | Price: $29 | Get it here

Important bits

• Available in Bootstrap & Tailwind CSS versions
• Has 5 pages: Homepage, Feature, Pricing, Login, and Signup
• All HTML files are W3C Valid

Description

SaasFolio is a conversion-optimized landing page template for SaaS and Startups. It differences itself from other templates, by focussing on strong sales copy.

# Clarity UI

Demo | Price: $59 | Get it here

Important bits

• HTML/CSS template
• Includes 90+ components

Description

ClarityUI is a minimalistic UI kit with over 90 components for your landing page, fully build using TailwindCSS. This UI kit adapts itself very well and fits into any design project instantly with minimal need for style changes.

# Dorsin

Demo | Price: $14 | Get it here

Important bits

• HTML/CSS template
• 9 different home pages + sign-up, login and forgot password pages.
• No jQuery dependency

Description

Dorsin is a fully responsive landing page template, has 9 different types of layouts which are quite enough for your business. You can simply update its contents, images, and CSS according to your company info.