How to build a landing page using Tailwind CSS and no code tools

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarQube - Static code analysis for 29 languages.
  • InfluxDB - Access the most powerful time series database as a service
  • vercel

    Develop. Preview. Ship.

    With your landing page complete it is time to publish it online. There are countless free serverless platforms that allow you to do this like GitHub Pages, Vercel and Netlify. For other Tailwind CSS installations that use the CLI and frameworks like Next.js, Laravel and Vite take a look at the Get started with Tailwind CSS page section.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    You should see a landing page with some filler text and an image that automatically changes if you reload the webpage. Take a look at the documentation on the Tailwind CSS website and you will see how easy it is to change the style of the landing page. The margin, padding, colours and page layout can all be customised with just a few class changes. Honestly, the Tailwind CSS documentation is the best place for learning how to use the code.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • pages-gem

    A simple Ruby Gem to bootstrap dependencies for setting up and maintaining a local Jekyll environment in sync with GitHub Pages

    With your landing page complete it is time to publish it online. There are countless free serverless platforms that allow you to do this like GitHub Pages, Vercel and Netlify. For other Tailwind CSS installations that use the CLI and frameworks like Next.js, Laravel and Vite take a look at the Get started with Tailwind CSS page section.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts