Tailwind CSS Starter Template - Landing Page

Overview

Tailwind Toolbox - Landing Page Template

Landing Page is an open source, generic landing page template for Tailwind CSS created by Tailwind Toolbox.

Landing Page

Getting Started

Choose one of the following options to get started:

Using the Template

The template is just a HTML file using a full CDN hosted Tailwind CSS file.

To get the best out of Tailwind CSS, you need to really start customising it. Take a look at our setup guide to start tweaking!

Sites created using this template

Bugs and Issues

Have a bug or an issue with this template? Open a new issue here on GitHub.

Creator

Tailwind Toolbox was created by and is maintained by Amrit Nagi, Co-owner of Astrava.Solutions.

Tailwind Toolbox is based on the Tailwind CSS framework created by Adam Wathan, Jonathan Reinink, David Hemphill and Steve Schoger

Image Attribution

Hero vector created by freepik.com

Free for personal and commercial purpose with attribution

Copyright and License

Copyright 2018-2020 Astrava.Solutions Ltd. Code released under the MIT license.

Comments
  • Source code for custom CSS?

    Source code for custom CSS?

    Could you please provide custom CSS used in: https://unpkg.com/tailwindcss@next/dist/tailwind.min.css

    This is needed since template is not working with stock tailwind.min.css from CDN It also hinders extending theme as most CSS has to be re-created.

    opened by bergstar 4
  • Duplicated attributes `fill` breaks my build

    Duplicated attributes `fill` breaks my build

    Any reason why we need this?

    <rect fill="#2a2a31" x="16.539" y="425.626" width="479.767" height="50.502" transform="matrix(1,0,0,1,0,0)" fill="rgb(0,0,0)" />
    

    my rollup builds gives: Attributes need to be unique

    opened by quantuminformation 3
  • Qn: How to create the svg pattern

    Qn: How to create the svg pattern

    Hi, I am not a designer, and wonder how did you create the svg pattern here Any online tool to create custom pattern or used a graphic editor? thanks bsr

    opened by bsr203 2
  • Thank you for your work. I also used your project to make my website.

    Thank you for your work. I also used your project to make my website.

    I Hope To Add My Project Address https://qiusheji.com To Readme.md 😄(The Chinese name is 求设计, and the advantage is that it needs to be designed.)

    After going online, I found that it still takes some time to load this file tailwind.min.css. I don't know if there are any alternative public images.

    opened by huguadao 1
  • Update sites using template

    Update sites using template

    they're currently expired or down

    root@host:~# curl --connect-timeout 4 https://pilotmail.io
    curl: (7) Failed to connect to pilotmail.io port 443: Connection timed out
    root@host:~# curl --connect-timeout 4 https://routepath.app
    curl: (28) Connection timed out after 4000 milliseconds
    root@host:~# curl --connect-timeout 4 https://makermetrics.co
    curl: (28) Connection timed out after 4001 milliseconds
    root@host:~# curl --connect-timeout 4 https://scholarshipspy.com
    curl: (28) Connection timed out after 4001 milliseconds
    
    
    opened by Lusitaniae 1
  • Thanks for your theme

    Thanks for your theme

    Thanks for this great tempate. We use it to build our scholarship website. We will be glad if you can include it on the list of sites built using the template. scholarshipspy.com

    opened by albertflex 1
  • hamburger menu is white on white navbar

    hamburger menu is white on white navbar

    When we load the site at low resolution screens and scroll down the hamburger menu disappears from nav because of the same color, hamburger and navbar

    opened by lazarospsa 1
  • Many of your demos are broken because TailwindCSS stopped UNPKG support

    Many of your demos are broken because TailwindCSS stopped UNPKG support

    Many of your examples are not working because TailwindCSS stopped UNPKG support.

    For example, take a look at your landing page demo from this repo, it's completely broken.

    For more info see this issue I posted on Tailwind repo:

    https://github.com/tailwindlabs/tailwindcss/issues/6355

    opened by adam993 2
  • 1px gap shows right below the top wave svg

    1px gap shows right below the top wave svg

    Great template.

    Somehow there is a 1px gap below the waves svg, it shows only on smallest screen sizes.

    Screen Shot 2021-03-22 at 6 01 56 PM

    it doesn't seem to be a game of margins etc.

    is there anyone who could fix this?

    opened by ishankapoor 1
Owner
Tailwind Toolbox
Free HTML Starter Templates and Components for Tailwind CSS
Tailwind Toolbox
coala Landing Page - https://gitlab.com/coala/landing is needed as backend

landing-frontend coala Landing Page - https://gitlab.com/coala/landing is needed as backend Usage To run locally: $ git clone https://github.com/coala

coala development group 31 Oct 30, 2022
Landing page starter

?? Fresh Fresh is a free landing page starter built by cssninjaStudio. ✌️ preview Check out the live demo by clicking here. Fresh is built with Bulma

cssninja 486 Dec 23, 2022
A responsive, Bootstrap landing page template created by Start Bootstrap

Start Bootstrap - Landing Page Landing Page is a multipurpose landing page template for Bootstrap created by Start Bootstrap. Preview View Live Previe

Start Bootstrap 1.4k Jan 3, 2023
🖼 A pure client-side landing page template that you can fork, customize and host freely. Relies on Mailchimp and Google Analytics.

landing-page-boilerplate A pure client-side landing page template that you can freely fork, customize, host and link to your own domain name (e.g. usi

Adrien Joly 129 Dec 24, 2022
🎉 Personal landing page template

Landing Page Personal landing page template. Designed to keep simplicity in mind in both setup and UI. Stack HTML CSS Font Awesome Themes Couple custo

Madza 77 Dec 22, 2022
FREE Bootstrap Landing Page Template for Developers and Startups

Theme Details & Demo Details: https://themes.3rdwavemedia.com/bootstrap-templates/startup/appkit-landing-free-bootstrap-theme-for-developers-and-start

Xiaoying Riley 158 Nov 30, 2022
A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.

Scribbler - a responsive HTML template for coding projects and documentations Scribbler is a responsive HTML/CSS/Javascript template designed for deve

Amie Chen 394 Jan 1, 2023
Minimal landing page for developers

Dev Landing Page Minimal landing page for developers. Developers don't talk much. Their code does all the talking. So here's a minimal landing page fo

Dinesh Pandiyan 1.2k Jan 4, 2023
Increase your landing page conversion rates.

Ouibounce Originally created by Carl Sednaoui from MailCharts. Maintained and improved by generous contributors. Ouibounce: A small library enabling y

Carl Sednaoui 2.3k Dec 9, 2022
Esri GitHub landing page

esri.github.io Landing page for Esri open source projects. Both the project categories and search suggestions in http://esri.github.io are powered by

Esri 470 Dec 31, 2022
A web app landing page theme created by Start Bootstrap

Start Bootstrap - New Age New Age is a web app landing page theme for Bootstrap created by Start Bootstrap. Preview View Live Preview Status Download

Start Bootstrap 996 Dec 26, 2022
Startup Landing Page Components for React.js

neal-react neal-react is a collection of reactjs components to quickly build landing pages. I found that using hosted services like Launchrock doesn't

Denny Britz 1.4k Nov 30, 2022
Serverless Pre-Rendering Landing Page

Serverless Pre-Rendering Demo Read the blog post Checkout the demo Developing By default, the content on the site is based off our public Notion page.

Vercel 389 Dec 21, 2022
a Plex landing page that redirects you to various sites.

PlexRedirect a Plex landing page that redirects you to various sites. Blank spaces are where your server name goes. If you don't have a server name yo

null 222 Dec 29, 2022
Projeto responsivo, que simula uma Landing Page de uma site de turismos.

FlexTurismos Projeto responsivo, que simula uma Landing Page de um site de turismos. Tecnologias utilizadas: Site com a tela interia Click aqui para a

Ricardo 1 Jan 29, 2022
Ta-vivo Landing page

Ta-vivo landing page Getting Started Prerequisites Node.js 12+ (versions below could work, but are not tested) Installing Clone the repository Install

Ta-vivo 6 Oct 10, 2022
A Unique Food order landing page web application called 'HOMELY' where you can select available meals and add them to cart then order them.

End Result Click the link : https://foodapp-by-eniola.netlify.com Getting Started with Create React App This project was bootstrapped with Create Reac

Eniola Odunmbaku 26 Dec 31, 2022
CSS Boilerplate / Starter Kit: Collection of best-practice CSS selectors

Natural Selection Natural Selection is a CSS framework without any styling at all. It is just a collection of selectors that can be used to define glo

FrontAid CMS 104 Dec 8, 2022
:mountain_bicyclist: Landing Pages of Ant Design System

Ant Design Landing Landing Pages of Ant Design System English | 简体中文 What is Landing? Landing is a template built by Ant Motion's motion components. I

Ant Design Team 5.2k Dec 31, 2022