Coming soon page template

This tailwind example is contributed by Kofi Osei, on 13-Jan-2023. Component is made with Tailwind v3.4. 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

Tailwind v3.4 13.6k 12

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

Samuel Dawson

3 years ago

19.4k
Simple coming soon page

Adia Okonkwo

3 years ago

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

Freja Jensen

3 years ago

13.2k
Simple coming soon page
with background-image

TailwindFlex

3 years ago

15k
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

Repal co

1 year ago

1.6k
Animated Coming Soon Page 3

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

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

81

1 year ago

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

Anonymous

2 years ago

2.7k
Clean AI Chat UI with Tailwind CSS – ChatGPT-Style Interface
A polished and responsive AI chat interface built using modern Web Components and Tailwind CSS. This UI replicates the smooth, minimal experience of ChatGPT with a clean layout, floating input bar, animated scrollable message feed, and mock AI responses. Ideal for SaaS dashboards, AI assistants, or frontend prototypes. Designed with professional spacing, accessible colors, and reusable components. Key features: Responsive layout with mobile support Floating input bar with auto-expanding textarea Tailwind-powered message bubbles with clear sender roles Modern dark theme with subtle gradients and shadows Easily extendable to real AI APIs (e.g., OpenAI)

Ayyamperumal S

1 year ago

3k
Rwandan farmers with Canadian markets through sustainable, fair trade practices.
Key Features of This Website: Professional Design: Clean, modern interface with orange/green color scheme representing mangoes and agriculture Fully responsive layout that works on all devices Comprehensive Sections: Hero section highlighting the Rwanda-Canada mango trade Product showcase with different mango varieties Current market pricing table Detailed farm-to-table process explanation Company information and impact metrics Testimonials from partners Contact form and information Trade-Specific Content: Focus on Rwandan mango varieties suitable for Canadian markets Pricing in both USD and kg units common in agricultural trade Information about certifications and compliance Shipping and logistics details User Experience: Clear calls-to-action for quotes and orders Easy navigation between sections Newsletter signup for market updates Contact information prominently displayed Trust Elements: Certifications and compliance badges Impact statistics showing benefits to Rwandan farmers Testimonials from Canadian partners

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.9k