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

6

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.1k
Coming soon page

Author:
Samuel Dawson

2 years ago

17.3k
Simple coming soon page

Author:
Adia Okonkwo

2 years ago

18.4k
Simple coming soon page
with background-image

Author:
TailwindFlex

2 years ago

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

Author:
TailwindFlex

2 years ago

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

Author:
Freja Jensen

2 years ago

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

Author:
Noah Schmidt

2 years ago

12.6k
Coming soon landing page

Author:
Odessa Young

2 years ago

10.9k
Coming soon page with newsletter

Author:
Samuel Dawson

2 years ago

10.3k
Coming Soon Page

Author:
Conan Hilton

2 years ago

9.4k
Website Pricing List Card Component
Website Pricing List Card Component with Package Names: Basic Package → Starter Website Premium Package → Business Website Professional Package → E-Commerce Solution Pricing Structure: Increased prices significantly to reflect web development services one-time payment model FAQ Content.

Author:
Ayyamperumal S

3 weeks ago

147

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ 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