🚀 NextJS Landing Page Template Free with Tailwind CSS and TypeScript [Open source] ⚡️
Tags: react, webdev, typescript, opensource
Published: 2021-03-31 21:09:57

---
title: 🚀 NextJS Landing Page Template Free with Tailwind CSS and TypeScript [Open source] ⚡️
published: true
description: A NextJS Landing Page theme built with React, Tailwind CSS and TypeScript. Free and open sourced Next JS template hosted on GitHub.
tags: react, webdev, typescript, opensource
cover_image: https://raw.githubusercontent.com/ixartz/Next-JS-Landing-Page-Starter-Template/master/public/assets/images/nextjs-landing-page-banner.png
---

A simple landing page template built on top of NextJS 10, React, Tailwind CSS 2.0 and TypeScript. A open source and free project hosted on GitHub. It also includes ESLint and Prettier configuration for better developer experience.

You can deploy a NextJS landing page in seconds, saving you development and design time.

*A picture is worth a thousand words*, here is the screenshot:

[![Nextjs Landing Page Template Screenshot](https://raw.githubusercontent.com/ixartz/Next-JS-Landing-Page-Starter-Template/master/public/assets/images/nextjs-landing-page-screenshot.png)](https://creativedesignsguru.com/demo/nextjs-landing-page/)

You can also check the source code on GitHub: [NextJS Landing Page Template](https://github.com/ixartz/Next-JS-Landing-Page-Starter-Template).

{% github ixartz/Next-JS-Landing-Page-Starter-Template %}

By default this landing page includes:

- Navigation component
- Hero component
- Feature component
- Banner component
- Footer component

If you want to find more components you can checkout our [premium NextJS themes](https://creativedesignsguru.com/category/nextjs/).

## Built on NextJS Boilerplate

**Nextjs landing Page Template** is built on top of [NextJS Boilerplate](https://github.com/ixartz/Next-js-Boilerplate). Almost reaching 100+ ⭐ stars on GitHub.

## Built with latest technologies

- NextJS 10
- Tailwind CSS 2.0 with the [Just-in-time version](https://github.com/tailwindlabs/tailwindcss-jit)
- TypeScript 4
- ESLint
- Prettier

## Other Next JS Templates and Themes

Built in modern ways with components and UI blocks. You can also check my portfolio at:

| [Green Nextjs Landing Page Template](https://creativedesignsguru.com/landing-green-modern-nextjs-theme/) | [Indigo Nextjs Tailwind Theme](https://creativedesignsguru.com/landing-indigo-modern-react-theme/) |
| --- | --- |
| [![Green Nextjs Landing Page Template](https://creativedesignsguru.com/assets/images/themes/landing-green-modern-nextjs-theme-xs.png)](https://creativedesignsguru.com/landing-green-modern-nextjs-theme/) | [![Indigo Nextjs Tailwind Theme](https://creativedesignsguru.com/assets/images/themes/landing-indigo-modern-nextjs-theme-xs.png)](https://creativedesignsguru.com/landing-indigo-modern-react-theme/) |

| [Purple Saas Nextjs Theme](https://creativedesignsguru.com/landing-purple-modern-react-theme/) | [Blue Landing Page Nextjs Theme](https://creativedesignsguru.com/landing-blue-modern-react-theme/) |
| --- | --- |
| [![Purple Saas Nextjs Theme](https://creativedesignsguru.com/assets/images/themes/landing-purple-modern-nextjs-theme-xs.png)](https://creativedesignsguru.com/landing-purple-modern-react-theme/) | [![Blue Landing Page Nextjs Theme](https://creativedesignsguru.com/assets/images/themes/landing-blue-modern-nextjs-theme-xs.png)](https://creativedesignsguru.com/landing-blue-modern-react-theme/) |

You can easily customize the themes based on your needs by saving you development and design time.