Home
Noob
Coming Soon Section

Coming Soon Section

Simple and beautiful card for your showing on your projects (in development) home screen

This tailwind example is contributed by Noob, on 29-Sep-2022. Component is made with Tailwind CSS v3. 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

Card Coming Soon Page

Author Noob

10.3k

Fork Fullscreen

<div class="flex items-center justify-center h-screen bg-gray-200">
    <div class="container">
        <div class="bg-white rounded-lg shadow-lg p-5 md:p-20 mx-2">
            <div class="text-center">
                <h2
                    class="text-4xl tracking-tight leading-10 font-extrabold text-gray-900 sm:text-5xl sm:leading-none md:text-6xl">
                    Quick<span class="text-indigo-600">Toolz</span>
                </h2>
                <h3 class='text-xl md:text-3xl mt-10'>Coming Soon</h3>
                <p class="text-md md:text-xl mt-10"><a class="hover:underline" href="#">Quicktoolz</a> is a website help
                    you provide simple
                    productivity tools for your daily need online for free.</p>
            </div>
            <div class="flex flex-wrap mt-10 justify-center">
                <div class="m-3">
                    <a href="#" title="Quicktoolz On Facebook"
                        class="md:w-32 bg-white tracking-wide text-gray-800 font-bold rounded border-2 border-blue-600 hover:border-blue-600 hover:bg-blue-600 hover:text-white shadow-md py-2 px-6 inline-flex items-center">
                        <span class="mx-auto">Facebook</span>
                    </a>
                </div>
                <div class="m-3">
                    <a href="#" title="Quicktoolz On Twitter"
                        class="md:w-32 bg-white tracking-wide text-gray-800 font-bold rounded border-2 border-blue-500 hover:border-blue-500 hover:bg-blue-500 hover:text-white shadow-md py-2 px-6 inline-flex items-center">
                        <span class="mx-auto">Twitter</span>
                    </a>
                </div>
                <div class="m-3">
                    <a href="#" title="Quicktoolz On Pinterest"
                        class="md:w-32 bg-white tracking-wide text-gray-800 font-bold rounded border-2 border-red-600 hover:border-red-600 hover:bg-red-600 hover:text-white shadow-md py-2 px-6 inline-flex items-center">
                        <span class="mx-auto">Pintrest</span>
                    </a>
                </div>
                <div class="m-3">
                    <a href="#" title="Quicktoolz On Facebook"
                        class="md:w-32 bg-white tracking-wide text-gray-800 font-bold rounded border-2 border-orange-500 hover:border-orange-500 hover:bg-orange-500 hover:text-white shadow-md py-2 px-6 inline-flex items-center">
                        <span class="mx-auto">Reddit</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

Related Examples

Coming Soon Page

Author:
Conan Hilton

3 years ago

9.9k
Coming soon page

Author:
Samuel Dawson

2 years ago

18.5k
Website Pricing List Card Component
Website Pricing List Card Component with Package Names: Basic Package → Starter Website Premium Package → Business Website Professional Package → E-Commerce Solution Pricing Structure: Increased prices significantly to reflect web development services one-time payment model FAQ Content.

Author:
Ayyamperumal S

7 months ago

1.2k
macOS Style Webpage – macOS Design in the Browser
A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

Author:
Hamza Atig

3 weeks ago

392
Battery and signal
Battery and signal bar component

Author:
ardianhu

10 months ago

838
HighLight
Highlight section. Find it makecomponents.com

Author:
makecomponents

1 year ago

2k
User profile card with Cover Image

Author:
Noob

3 years ago

31k
Card animate

Author:
Raul antonio de la cruz hernandez

9 months ago

1.1k
Card grid for posts

Author:
Mr Robot

2 years ago

22.2k
Tailwind CSS Book

Author:
Michael Andreuzza

1 year ago

2.7k
Responsive Article Section

Author:
Prashant

3 years ago

16.3k
Checkout Card
A modern and responsive checkout card built with HTML & Tailwind CSS, featuring a clean UI, smooth shadows, and interactive hover effects. It includes secure payment options, a clear pricing breakdown, and adapts seamlessly to all screen sizes. Perfect for e-commerce and digital platforms to enhance user experience.

Author:
Rajesh Maheshwari

8 months ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components