Home
Soliman Gharieb
Coming soon page with newsletter

Coming soon page with newsletter

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

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

Author:
81

8 months ago

629
Maintenance page template
The site is under maintenance placeholder page

Author:
Anonymous

11 months ago

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

Author:
Anonymous

1 year ago

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

Author:
wavy kits

4 months ago

669
Animated Coming Soon Page 3

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

1 year ago

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

Author:
Prajwal Hallale

2 years ago

8.2k
Caming Soon page design
coming soom page design

Author:
Tofayel Islam

3 months ago

286
404 Page Not Found

Author:
KULDEEP

8 months ago

1.5k
Simple coming soon page

Author:
broouklyn co. tutorials

2 years ago

3.3k
Coming soon landing page template

Author:
Brandon D

3 years ago

10.9k
Minimal coming soon page

Author:
Freja Jensen

3 years ago

10.9k
Coming Soon Page

Author:
Conan Hilton

3 years ago

10.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components