28 Tailwind CSS landing page templates, both free and paid
By Vivian
/February 21, 2022
# Free templates
# Flowbite
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.
# DriverUp
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
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
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
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
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
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
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
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
# 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.
# 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.
# 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
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
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
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
DescriptionFoodies 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.
Sign up for Tailwind Weekly, our newsletter about
all things Tailwind CSS.
Check out a recent issue for a sample.
Submitting...
