Home
$@(\/)(\/)¥
Animated Coming Soon 4

Animated Coming Soon 4

This tailwind example is contributed by $@(\/)(\/)¥, on 09-Jan-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Transitions,upcoming, Pre-launch page, Teaser page, Under construction page, Placeholder page, Sneak peek page,Launch page

Animation Coming Soon Page

$$@(\/)(\/)¥ profile image$

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

1.7k

Fork Fullscreen

<div
    class="h-screen w-full relative overflow-hidden bg-no-repeat bg-cover bg-[url('https://images.unsplash.com/photo-1634976276568-9ea10353a8cd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NzEyNjZ8MHwxfHNlYXJjaHwxNHx8Z3JlZW4lMjBiYWNrZ3JvdW5kfGVufDB8MHx8fDE3MzY0ODk2NTR8MA&ixlib=rb-4.0.3&q=80&w=1080')]">
    <div
        class="h-full w-full animate-[bounce_4s_infinite] relative z-10 flex justify-center items-center bg-gray-900 dark:bg-white">
        <div
            class="absolute top-[20%] animate-[spin_6s_infinite] h-[10rem] w-[10rem] rounded-full border-t-8 border-b-8 border-dashed border-red-500 ">
        </div>
        <div
            class="absolute top-[21%] animate-[spin_6s_infinite] h-[9rem] w-[9rem] rounded-full border-t-4 border-b-4 border-purple-500 ">
        </div>
        <div
            class="absolute top-[22%] animate-[spin_6s_infinite] h-[8rem] w-[8rem] rounded-full border-t-4 border-b-4 border-pink-500 ">
        </div>
        <div
            class="absolute top-[23%] animate-[spin_6s_infinite] h-[7rem] w-[7rem] rounded-full border-t-4 border-b-4 border-yellow-500">
        </div>
        <div class="absolute top-[25%] h-[5rem] w-[5rem] rounded-full bg-green-400/40"></div>
        
        <div
            class="absolute top-[19%] h-[82%] w-[10rem] border-t-8 border-b-8 border-l-4 border-r-4 border-dashed border-green-600 rounded-full">
            <div
                class="absolute bottom-0 animate-[spin_6s_infinite] flex items-center justify-center border-8 border-dashed border-green-500 h-[10rem] w-full rounded-full text-white">
                <div class="bg-green-400/50 w-full h-full rounded-full"></div>
            </div>
        </div>
    </div>
    
    <div class="absolute bottom-4 w-full">
        <p
            class="text-5xl sm:text-7xl xl:text-8xl text-center uppercase font-serif font-bold text-transparent bg-[url('https://images.unsplash.com/photo-1605707159327-f43132f89a5e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80')] bg-contain bg-clip-text animate-textAnime">
            Coming Soon</p>
    </div>
</div>

Related Examples

Animated Coming Soon Page 3

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

1 year ago

1.6k
REGISTER - CTA - SECTION animation

Author:
ABDO-SY

9 months ago

678
Simple coming soon page

Author:
Freja Jensen

3 years ago

10.8k
Fireflies
Fireflies in the night sky. Based on anonymous/background-animation-2

Author:
Nick Girga

9 months ago

871
car delivary
car delivary

Author:
Bonimater

7 months ago

627
Animated Coming Soon Page 2
Animated Coming soon Page

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

1 year ago

3.7k
Personal Portfolio Website
Nziza HAMZY 😎! Reka dukore full TailwindCSS Portfolio yuzuye na: Hero Section About Section Projects Section (cards) Contact Form Animations & hover effects Fully responsive for mobile

Author:
Code Master(Mfuranziza Dusabe Hamza)

5 months ago

557
Animated Light/Dark Mode Toggle
👉🏻3D glow effects on knob & track 👉🏻Gradient transitions that look holographic 👉🏻Animated pulse when active 👉🏻Dark background gradient instead of a flat color 👉🏻Emoji swap (☀️ → 🌙)

Author:
UI-Templates

3 months ago

323
Maintenance page template
The site is under maintenance placeholder page

Author:
Anonymous

7 months ago

581
Loading dots
Black Loading dots

Author:
Anonymous

2 years ago

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

Author:
Anonymous

1 year ago

1.8k
Botton hover
On hover Changes text

Author:
davilaarroyo07

1 year ago

7k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components