Home
Kofi Osei
Coming soon page template

Coming soon page template

This tailwind example is contributed by Kofi Osei, on 13-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. 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 Kofi Osei

12.6k

Fork Fullscreen

<div class="bg-gray-100 dark:bg-gray-800 min-h-screen pt-20">
    <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
        <div class="text-center">
            <h1 class="text-4xl font-extrabold text-gray-900 dark:text-white">Coming Soon</h1>
            <p class="mt-3 text-lg text-gray-500 dark:text-gray-300">Our website is under construction.</p>
        </div>
        <div class="mt-10">
            <form class="mx-auto max-w-xs">
                <div class="flex items-center border-b border-gray-500 dark:border-gray-300 py-2">
                    <input type="email"
                        class="appearance-none bg-transparent border-none w-full text-gray-700 dark:text-white mr-3 py-1 px-2 leading-tight focus:outline-none"
                        placeholder="Enter your email">
                    <button
                        class="flex-shrink-0 bg-cyan-500 hover:bg-cyan-700 border-cyan-500 hover:border-cyan-700 text-sm border-4 text-white py-1 px-2 rounded dark:bg-cyan-600 dark:hover:bg-cyan-800 dark:border-cyan-600"
                        type="submit">
                        Notify me
                    </button>
                </div>
            </form>
            <p class="mt-2 text-center text-gray-500 dark:text-gray-300 text-xs">
                We'll notify you when we launch.
            </p>
        </div>
    </div>
</div>

Related Examples

Coming soon page

Author:
Samuel Dawson

2 years ago

18.1k
Simple coming soon page

Author:
Adia Okonkwo

2 years ago

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

Author:
Freja Jensen

2 years ago

12.6k
Simple coming soon page
with background-image

Author:
TailwindFlex

2 years ago

13.2k
Coming soon page with newsletter

Author:
Samuel Dawson

2 years ago

10.7k
Animated Coming Soon Page 2
Animated Coming soon Page

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

1 year ago

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

Author:
Anonymous

1 year ago

1.6k
Coming Soon Page
Modern , gradient coming soon page

Author:
Rajesh Maheshwari

5 months ago

1.3k
Minimal coming soon page

Author:
Freja Jensen

2 years ago

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

Author:
TailwindFlex

2 years ago

8.7k
Coming Soon Section
Simple and beautiful card for your showing on your projects (in development) home screen

Author:
Noob

2 years ago

10k
Why Everyone Around the World Loves Us
"Our platform is built to serve everyone, everywhere — with speed, security, and a human touch." "From cities to remote villages, our features connect the world through technology that truly cares." "Designed with the whole world in mind — fast, secure, and made for real people." "No matter who you are or where you're from, our tools are built to empower and inspire you." "We believe great technology should be accessible, safe, and helpful to all — and that's exactly what we offer."

Author:
Nicole Shalom

2 months ago

544

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components