themesberg/landwind

Responsive and clean landing page built with Tailwind CSS and Flowbite

Landwind - Tailwind CSS Landing Page

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

Built with ❤️ by Themesberg based on Tailwind CSS and Flowbite.

Live preview

Check out a live demo by clicking here:

🔗 Landwind live preview (🌗 switch on dark mode using your computer preferences)

Getting started

Make sure that you have Node.js, Tailwind CSS and Flowbite installed.

1. Run npm install inside your terminal

2. Watch for files and compile Tailwind CSS + Flowbite:

npx tailwindcss -i ./input.css -o ./output.css --watch

3. To deploy you will only need the index.html file and the output.css styles.

Alternatively you can also just directly copy this code into your own projects, whether you use Laravel, React, Vue.js or other frameworks.

Figma design file

We have also built a free Figma design file that you can duplicate from the community website:

👉 Landwind - Figma Landing Page

Built with Tailwind CSS and Flowbite

This landing page was built using the following technologies:

• 🔗 Tailwind CSS
• 🔗 Flowbite Library
• 🔗 Flowbite Blocks

About us

We build free and premium themes with technologies such as Bootstrap, React, Tailwind, Vue, Laravel and more over at Themesberg.

License

This project is open source under the MIT license.

landwind's Issues

Auto dark mode not working

Tested on desktop:
macOS 13.1 Ventura on MacBook Pro

• Chrome 108
• Safari 16.2
• Firefox Developer Edition 109

Tested on mobile:
iOS 16.2 on iPhone 13 Pro Max

• Chrome 108
• Safari

Actions taken:

1. System set to auto light/dark; system is in dark mode = no affect on website
2. Manually set system to dark mode = no affect on website