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

9.6k

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

1 year ago

7.9k
Coming soon page with countdown

Author:
Samuel Dawson

1 year ago

13.1k
Coming soon page

Author:
Samuel Dawson

2 years ago

15.9k
Simple coming soon page

Author:
Adia Okonkwo

1 year ago

17k
Simple coming soon page
with background-image

Author:
TailwindFlex

1 year ago

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

Author:
TailwindFlex

1 year ago

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

Author:
Freja Jensen

1 year ago

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

Author:
Noah Schmidt

1 year ago

11.3k
Coming soon landing page

Author:
Odessa Young

1 year ago

9.9k
Coming soon page with newsletter

Author:
Samuel Dawson

1 year ago

9.7k
Coming Soon Page

Author:
Conan Hilton

2 years ago

8.8k
Simple coming soon page
with background-image

Author:
Anonymous

3 months ago

583

Explore components by Tags

Didn't find component you were looking for?

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

© 2024 TailwindFlex. All Rights Reserved.

v1.9