PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Resource: free and open-source landing page for Tailwind CSS

Resource: free and open-source landing page for Tailwind CSS

Hey devs 👋

Together with my friends we have designed and built a totally free and open-source landing page for Tailwind CSS based on the Flowbite components.

It features a responsive layout, dark mode, hero section, pricing cards, FAQ accordion, and more. You can use it for SaaS or product-oriented websites and it is conversion focused.

You can either download it from Themesberg or just clone it from the GitHub repository.

Here are a few helpful links to get you started:

How to get 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
  1. 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 👩‍🎨

If you also use Figma you'll be happy to learn that it's also available on the Figma community page and you can directly duplicate it and use it in your project:

Figma landing page

Credits 🙌🏻

This landing page could not have been done without the awesome open source projects such as Tailwind CSS or Flowbite:

Comments (0)

loading comments