25 Open-source Free Landing Page Templates

25 Open-source Free Landing Page Templates

A landing page is a standalone web page that serves as an entry point for a website or a particular section of a website. It is designed to persuade visitors to take a specific action, such as signing up for a newsletter, presenting an app, downloading an eBook, or buying a product.

Open source landing pages are free static landing pages that anyone can use and modify to suit their needs. They are designed to be easy to use and can be customized to fit the specific needs of different businesses and organizations.

One of the primary benefits of using free static landing pages is that they are cost-effective. They do not require any ongoing maintenance or hosting fees, which makes them an excellent choice for startups and small businesses that are on a tight budget.

There are several use-cases for using landing pages. Companies can use landing pages to promote specific products or services, generate leads, or build their email lists. Landing pages can also be used to test different marketing strategies and to gather data on what works best for a particular audience.

Startups and freelance developers can benefit from using landing page templates because they save time, money, and effort. Instead of designing a landing page from scratch, they can use pre-designed templates that are optimized for conversion and built to be easily customizable.

1- Free React / Next.js landing page template

This landing page is a free React / Next.js landing page template built with Tailwind CSS for developers/makers who want to create a quick and professional landing page for their open source projects, SaaS products, online services, and more.

  • Tech: React, Next.js, and Tailwind.

2- Responsive Halloween Website

This open source landing page is a responsive Halloween website with animations, three color designs, smooth scrolling, and a beautiful user interface. Developed with the Mobile First methodology and compatible with all mobile devices.

  • Tech: HTML, SCSS

3- Zou – Farm Landing Page

An open-source farm landing page that uses HTML5, SCSS, CSS3 and pure JavaScript.

4- Movies-Website-Redesign

Movies website Redesign with Responsive View, Slider, Awesome Menu, Day & Night View. It uses pure HTML, and CSS.

5- Trippi Landing page (HTML)

Trippi is a free and open-source (MIT) Travel Landing Page Template


6- heyu

HeyU is an open-source single page App Landing page website PSD template.

7- EVDictionary App Landing

EVDictionary App Landing is an app landing website to introduce the EVDictionary application for "Java Programming" subject in UIT.

8- React-Landing-Page-Template

Quickly bring up a landing page for your app on desktop and mobile.

9- 🏡 Responsive Real State Website

Responsive Real State Website Design Using HTML CSS & JavaScript.

GitHub - bedimcode/responsive-real-state-website: Responsive Real State Website Design Using HTML CSS & JavaScript
Responsive Real State Website Design Using HTML CSS & JavaScript - GitHub - bedimcode/responsive-real-state-website: Responsive Real State Website Design Using HTML CSS & JavaScript

This template features include:

  • Responsive Real State Website Using HTML CSS & JavaScript
  • Contains animations when scrolling.
  • Includes a dark and light mode.
  • Smooth scrolling in each section.
  • Developed first with the Mobile First methodology, then for desktop.
  • Compatible with all mobile devices and with a beautiful and pleasant user interface.


10- 🚘 Responsive Car website

Responsive Car Website Design Using HTML CSS & JavaScript.

GitHub - bedimcode/responsive-car-website: Responsive Car Website Design Using HTML CSS & JavaScript
Responsive Car Website Design Using HTML CSS & JavaScript - GitHub - bedimcode/responsive-car-website: Responsive Car Website Design Using HTML CSS & JavaScript


11- Tailwind CSS Landing Page

A responsive landing page built with Tailwind CSS and Flowbite Blocks.

GitHub - themesberg/tailwind-landing-page: A responsive landing page built with Tailwind CSS and Flowbite Blocks
A responsive landing page built with Tailwind CSS and Flowbite Blocks - GitHub - themesberg/tailwind-landing-page: A responsive landing page built with Tailwind CSS and Flowbite Blocks


12- Start Bootstrap Landing Page

Landing Page is a multipurpose landing page template for Bootstrap created by Start Bootstrap.

13- Mobile App Landing Page Template

This one is a Mobile App Landing Page Template comes with pre-installed features and options:

  • Display app icon
  • Show unlimited app screenshots
  • Link to Google Play
  • Link to the App Store
  • Link to the Web App
  • Press mention section
  • Product Hunt floating prompt
  • Privacy policy Page
  • Google Analytics
  • Cookie Consent
  • Automatic dark theme
  • Doorbell widget
  • GitHub forking banner
GitHub - sandoche/Mobile-app-landingpage-template: 📱 Free to use static generated website template for your mobile app
📱 Free to use static generated website template for your mobile app - GitHub - sandoche/Mobile-app-landingpage-template: 📱 Free to use static generated website template for your mobile app


14- Landwind

Landwind is a free and open-source landing page designed for SaaS and product websites. It is built using the Tailwind CSS utility-first framework and the Flowbite Component Library. The landing page includes a hero section, customer logos, feature sections, testimonials, pricing cards, a FAQ section, pre-footer CTA button, and a footer.

GitHub - themesberg/landwind: Responsive and clean landing page built with Tailwind CSS and Flowbite
Responsive and clean landing page built with Tailwind CSS and Flowbite - GitHub - themesberg/landwind: Responsive and clean landing page built with Tailwind CSS and Flowbite


15- Tailwind responsive Landing Page

A landing page made with Tailwind CSS and the new Gradient feature.

GitHub - gary149/tailwindcss-landing-gradients: A landing page made with tailwindcss and the new Gradient feature.
A landing page made with tailwindcss and the new Gradient feature. - GitHub - gary149/tailwindcss-landing-gradients: A landing page made with tailwindcss and the new Gradient feature.

16- Ant Design Landing

Landing is a template built by Ant Motion's motion components. It has a rich homepage template, downloads the template code package, and can be used quickly. You can also use the editor to quickly build your own dedicated page.

GitHub - ant-design/ant-design-landing: :mountain_bicyclist: Landing Pages of Ant Design System
:mountain_bicyclist: Landing Pages of Ant Design System - GitHub - ant-design/ant-design-landing: :mountain_bicyclist: Landing Pages of Ant Design System

17- Landing Page Template (Next.js)

🚀 Landing Page theme written in Next.js, Tailwind CSS and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VS Code, Netlify, PostCSS, Tailwind CSS.

GitHub - ixartz/Next-JS-Landing-Page-Starter-Template: 🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Ne…

18- Landing Page Animation

Landing page animation made using CSS.

GitHub - Kvaibhav01/Landing-Page-Animation: Landing page animation made using CSS
Landing page animation made using CSS. Contribute to Kvaibhav01/Landing-Page-Animation development by creating an account on GitHub.


19- UI Kit the front: (React)

Material React Landing Pages Kit made with Material-UI's components, React and of course create-react-app to boost your app development process! A professional React Kit that comes with plenty of ready-to-use Material-UI components that will help you to build faster & beautiful Frontend pages. Each component is fully customizable, responsive, and easy to integrate.

GitHub - gevorgmakaryan/thefront-preview: A professional React Kit that comes with plenty of ready-to-use Material-UI components that will help you to build faster & beautiful frontend pages.
A professional React Kit that comes with plenty of ready-to-use Material-UI components that will help you to build faster & beautiful frontend pages. - GitHub - gevorgmakaryan/thefront-preview:…


20- Limerick

Limerick is a minimal, clean modern crafted template built with the latest HTML and CSS.The template comes with a lot of layouts for blog pages, services, landing pages and others. This template is a highly suitable template for companies that offer SEO services as well as other internet marketing related services.This template is developed with modern web design and structure.

GitHub - alitahir4024/Limerick: Limerick is a minimal, clean modern crafted template built with the latest HTML and CSS.
Limerick is a minimal, clean modern crafted template built with the latest HTML and CSS. - GitHub - alitahir4024/Limerick: Limerick is a minimal, clean modern crafted template built with the latest…



19- cool-landing (React)

A personalized materials landing page template

GitHub - nordicgiant2/cool-landing: A personalized material-ui landingpage template
A personalized material-ui landingpage template. Contribute to nordicgiant2/cool-landing development by creating an account on GitHub.


20- Ripple | Material Design Landing Page & Coming-Soon Templates Pack

Ripple | Material Design Landing Page & Coming-Soon Templates Pack. Awesome material landing page template pack to kick-start your next project. Bright colors, cool morphing shapes and transitions, animated headlines and much more - Ripple material templates pack has all you need to impress your clients at first sight!

GitHub - swapan730/ripple: Ripple | Material Design Landing Page & Coming-Soon Templates Pack. Awesome material landing page template pack to kick-start your next project. Bright colors, cool morphing shapes and transitions, animated headlines and much more - Ripple material templates pack has all you need to impress your clients at first sight!
Ripple | Material Design Landing Page & Coming-Soon Templates Pack. Awesome material landing page template pack to kick-start your next project. Bright colors, cool morphing shapes and transiti…


21- Vex By Themefisher

Vex is a clean multipurpose e-commerce theme that makes building your first online store easier than ever. It is ideal for webmasters looking to create handy and modern online shops with all the features you would expect of a competent online storefront in today’s market, and much more under the hood.

GitHub - themefisher/vex: Vex is a clean multipurpose HTML e-commerce template.
Vex is a clean multipurpose HTML e-commerce template. - GitHub - themefisher/vex: Vex is a clean multipurpose HTML e-commerce template.

22- Anker

Anker is a very lightweight template for social media bio links like Linktree. The template is very little SASS and JS code that anybody can customize in few minutes. With Anker, you can make Landing Pages superfast and super easy.

GitHub - ankerapp/anker-app: Make Landing Pages super fast and super easy with Anker!
Make Landing Pages super fast and super easy with Anker! - GitHub - ankerapp/anker-app: Make Landing Pages super fast and super easy with Anker!


23- Beautiful Landing Page (React)

Open-source landing page with React.

GitHub - Dartegnian/dartegnian.com: My main website and landing page. This essentially features basic information about me as a person and the things I like.
My main website and landing page. This essentially features basic information about me as a person and the things I like. - GitHub - Dartegnian/dartegnian.com: My main website and landing page. Thi…


24- AstroWind

AstroWind is a free and open-source template to make your website using Astro 2.0 + Tailwind CSS. Ready to start a new project and designed taking into account web best practices.

GitHub - onwidget/astrowind: ⭕️ AstroWind: A free template using Astro 2.0 and Tailwind CSS. Astro starter theme.
⭕️ AstroWind: A free template using Astro 2.0 and Tailwind CSS. Astro starter theme. - GitHub - onwidget/astrowind: ⭕️ AstroWind: A free template using Astro 2.0 and Tailwind CSS. Astro starter theme.


25- React JS Landing Page Template

This is a ReactJS based landing page template, fit for a startup company/service with a one-page view. The design is inspired by a template from Free-CSS.com All 'visual' data can be easily modified by changing the data.json file.

GitHub - issaafalkattan/React-Landing-Page-Template: A simple react one page landing page templates for startups/companies
A simple react one page landing page templates for startups/companies - GitHub - issaafalkattan/React-Landing-Page-Template: A simple react one page landing page templates for startups/companies

Conclusion

In conclusion, open source landing pages are a valuable resource for businesses and organizations that are looking for a cost-effective way to promote their products or services. They are easy to use, can be customized to fit specific needs, and can help businesses generate leads and build their email lists. Startups and freelance developers can also benefit from using landing page templates because they save time, money, and effort.

Read more