Home
Brandon D
Coming soon landing page template

Coming soon landing page template

This tailwind example is contributed by Brandon D, on 18-Dec-2022. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are upcoming, Pre-launch page, Teaser page, Under construction page, Placeholder page, Sneak peek page,Launch page

Coming Soon Page

Author Brandon D

10.3k

7

Fork Fullscreen

<div
    class="w-full h-screen bg-gradient-to-bl from-teal-400 to-blue-500 flex flex-col justify-center items-center text-white">
    <h1 class="text-5xl">We are <b>Almost</b> there!</h1>
    <p>Stay tuned for something amazing!!!</p>

<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 mt-10 lg:mt-20">

<div class="bg-transparent border text-center">
            <p class="text-5xl px-10 py-5">336</p>
            <hr>
            <p class="px-10 py-5">days</p>
        </div>

<div class="bg-transparent border text-center">
            <p class="text-5xl px-10 py-5">03</p>
            <hr>
            <p class="px-10 py-5">hours</p>
        </div>

<div class="bg-transparent border text-center">
            <p class="text-5xl px-10 py-5">35</p>
            <hr>
            <p class="px-10 py-5">mins</p>
        </div>
        <div class="bg-transparent border text-center">
            <p class="text-5xl px-10 py-5">01</p>
            <hr>
            <p class="px-10 py-5">secs</p>
        </div>
    </div>
    
</div>

Related Examples

Coming soon page with working count down timer
Update the date according to your need

Author:
Prajwal Hallale

2 years ago

8k
Coming soon page with countdown

Author:
Samuel Dawson

2 years ago

14.2k
Coming soon page

Author:
Samuel Dawson

2 years ago

17.6k
Simple coming soon page

Author:
Adia Okonkwo

2 years ago

18.7k
Simple coming soon page
with background-image

Author:
TailwindFlex

2 years ago

12.9k
Coming soon page with working count down timer
Update the date according to your need

Author:
TailwindFlex

2 years ago

8.4k
Minimal coming soon page
Temporary placeholder for website landing page

Author:
Freja Jensen

2 years ago

12.3k
Maintenance page template
The site is under maintenance placeholder page

Author:
Noah Schmidt

2 years ago

12.9k
Coming soon landing page

Author:
Odessa Young

2 years ago

11.1k
Coming soon page with newsletter

Author:
Samuel Dawson

2 years ago

10.4k
Coming Soon Page

Author:
Conan Hilton

2 years ago

9.5k
Simple coming soon page

Author:
Freja Jensen

2 years ago

10k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.1