header bg image

28 Tailwind CSS landing page templates, both free and paid

By Vivian

/

February 22, 2022

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

# Free templates

template screenshot

# Flowbite

Demo | Get it here

Important bits

  • Built with Flowbite
  • Includes an optional class based dark mode
  • Uses the Tailwind CLI for CSS processing

Description

This repository is an example of a responsive landing page built with Flowbite Blocks based on the Tailwind CSS framework and Flowbite library that you can use for your project.

template screenshot

# DriverUp

Get it here

Important bits

  • Made with Next.js
  • Includes 4 pages
  • Uses Google Maps

Description

This template is specially designed for a taxi driver company that wants something simple but professional.

plain template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# VPN Landingpage

Demo | Get it here

Important bits

Description

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

startup-landingpage template

# 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.

template

# Ecostate Residence

Demo | Price: $24+ | Get it here

Important bits

  • Made with Gastby and React
  • Has no jQuery dependency
  • Fully responsive
  • Includes Documentation

Description

The Ecostate is a single property directory template built with the modern React Gatsby framework.This template is based on the latest version of React (v17.0.2) and Gatsby (v4.13.1) and uses React Hooks throughout. It also includes a blog with complete markdown support and no jQuery dependency. The design is modern and responsive, using tailwindcss.

template

# Rustic

Demo | Price: $24+ | Get it here

Important bits

  • Made with React and Next.js
  • Includes 7 pages
  • Has no jQuery dependency and it’s fully responsive
  • Includes Documentation

Description

Rustic is a high-end, modern, and elegant React web template powered by the most recent version of React JS and Next JS. Rustic is an excellent solution to the web designing needs for your website related to creative agency, business, portfolio, corporate, etc.

template

# Flex

Demo | Price: $19-24.63 | Get it here

Important bits

  • Has 12 pages including blog, portfolio and case studies pages
  • Has 200+ UI elements
  • Fully responsive layout

Description

Flex is a truly multipurpose template designed to facilitate the needs of businesses from different niches. It offers the collection of all necessary secondary pages for you to build a fully-featured modern website and also includes designs for Blog, Portfolio and case studies to meet all the needs you may have. Move your workflow to a new level with more than 150+ beautifully designed components.

appwind template

# AppWind

Demo | Price: $19-36 | Get it here

Important bits

  • Has React and Vue.js versions
  • Includes a dark mode
  • Includes 8 pages

Description

AppWind is a landing page template based on Tailwind CSS designed for app and software websites. AppWind comes with all essential sections, components, and features for your upcoming project. This Tailwind template has both light mode and dark mode with a switcher option.

Techwind template

# Techwind

Demo | Price: $12 | Get it here

Important bits

  • Includes 20+ different Landing Pages and 60+ Inner Pages
  • Has a dark mode
  • Has no jQuery dependency

Description

Techwind is a Powerful App, Saas & Software Tailwind CSS Multipurpose Landing Page Template. It is a beautifully handcrafted, pixel-perfect HTML5 landing page template based on the latest Tailwind CSS v3.x.

appy template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# 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 template

# 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.

Share this article on:

Sign up for Tailwind Weekly, our newsletter about
all things Tailwind CSS.

Check out a recent issue for a sample.

Sign up successful, check your email to confirm!

Submitting...

© 2022. Red Pixel Themes. All Rights Reserved.