21 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
# 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
# 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.
Sign up for Tailwind Weekly, our newsletter about
all things Tailwind CSS.
Check out a recent issue for a sample.