Coming soon page with newsletter

This tailwind example is contributed by Soliman Gharieb, on 06-Aug-2024. 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 Soliman Gharieb

Tailwind v3.4 2.3k 2

Fork Fullscreen

<div class="z-50 flex flex-col justify-center text-white w-full h-screen">
        <span class="text-bold">HOME NEX TOUCH</span>
        <h1 class="text-5xl">We are <b>Almost</b> there!</h1>
        <p>Stay tuned for something amazing!!!</p>
        <P> +971 54 594 1111</P>
        <P>+971 50 424 2962</P>
        <div class="sm:mt-40">
            <form class="w-full max-w-xl mx-auto">
                <div class="flex items-center border-b border-indigo-500 py-2">
                    <input class="appearance-none bg-transparent border-none w-full text-gray-700 mr-3 py-1 px-2 leading-tight focus:outline-none" type="text" placeholder="username@email.ext" aria-label="Full name">
                    <button class="flex-shrink-0 bg-indigo-500 hover:bg-teal-700 border-indigo-500 hover:border-indigo-700 text-sm border-4 text-white py-1 px-2 rounded" type="button">Subscribe</button>
                </div>
            </form>
        </div>

</div>

Related Examples

Animated Coming Soon Page 1
animated coming soon landing page

Anonymous

2 years ago

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

81

1 year ago

1.1k
Coming soon page with newsletter

Samuel Dawson

3 years ago

11.7k
3D Coming Soon Page
Here’s a modern, interactive 3D "Coming Soon" page built with Tailwind CSS, featuring floating elements, glass morphism, and subtle animations. Perfect for product launches, portfolios, or SaaS pre-launch pages

dev-fab250

1 year ago

2.1k
SomaRwanda
Menya uburyo bwo kwandika ibisomwa, impuzandimi, n'imyandikire y'icyongereza mu buryo bworoshye.

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.5k
Coming Soon Page
Modern , gradient coming soon page

Rajesh Maheshwari

1 year ago

2.5k
Minimal coming soon page

Freja Jensen

3 years ago

11.4k
Coming Soon Countdown Section – Animated & Responsive
A beautifully designed "Coming Soon" landing section built with Tailwind CSS and Alpine.js, perfect for startups, SaaS platforms, and product launches. This component features a live countdown timer, smooth fade-in animations, and floating gradient effects for a futuristic, engaging look. The layout adapts seamlessly to all screen sizes and supports dark mode, creating a professional pre-launch experience that builds anticipation and excitement. ✨ Key Features ⏳ Dynamic countdown timer (days, hours, minutes, seconds) 🎨 Animated gradient orbs for a vibrant background effect 🌙 Dark mode support included 💨 Smooth entrance animations using Alpine.js 📱 Fully responsive design for all devices 🔗 Social media icons to keep your audience connected 💡 Perfect for: Coming Soon or Under Construction pages Product and SaaS pre-launch sites Portfolio or agency landing pages Event or app launch countdowns

Anonymous

10 months ago

900
Coming Soon Countdown Section – Animated & Responsive
A beautifully designed "Coming Soon" landing section built with Tailwind CSS and Alpine.js, perfect for startups, SaaS platforms, and product launches. This component features a live countdown timer, smooth fade-in animations, and floating gradient effects for a futuristic, engaging look. The layout adapts seamlessly to all screen sizes and supports dark mode, creating a professional pre-launch experience that builds anticipation and excitement. ✨ Key Features ⏳ Dynamic countdown timer (days, hours, minutes, seconds) 🎨 Animated gradient orbs for a vibrant background effect 🌙 Dark mode support included 💨 Smooth entrance animations using Alpine.js 📱 Fully responsive design for all devices 🔗 Social media icons to keep your audience connected 💡 Perfect for: Coming Soon or Under Construction pages Product and SaaS pre-launch sites Portfolio or agency landing pages Event or app launch countdowns

wavy kits

11 months ago

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

TailwindFlex

3 years ago

10.2k
Coming soon landing page

Odessa Young

3 years ago

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

Prajwal Hallale

3 years ago

8.2k