Coming soon landing page template

This tailwind example is contributed by Brandon D, on 18-Dec-2022. Component is made with Tailwind v3.4. 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

Tailwind v3.4 11.7k 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

Prajwal Hallale

3 years ago

8.2k
Coming soon page with countdown

Samuel Dawson

3 years ago

15.4k
Coming soon page

Samuel Dawson

3 years ago

19.4k
Simple coming soon page

Adia Okonkwo

3 years ago

21.3k
Simple coming soon page
with background-image

TailwindFlex

3 years ago

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

TailwindFlex

3 years ago

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

Freja Jensen

3 years ago

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

Noah Schmidt

3 years ago

16.4k
Coming soon landing page

Odessa Young

3 years ago

12.2k
Coming soon page with newsletter

Samuel Dawson

3 years ago

11.8k
Coming Soon Page

Conan Hilton

4 years ago

10.6k
Animated Coming Soon Page 1
animated coming soon landing page

Anonymous

2 years ago

3.4k

Browse by topic

Explore components by Tags

Jump straight to the UI pattern you need.

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.