Home
Samuel Abera
Space X F9 Rocket Lounch

Space X F9 Rocket Lounch

This tailwind example is contributed by Samuel Abera, on 03-Feb-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Front page,Transitions

Hero Landing Page Animation

Author Samuel Abera

Fork Fullscreen

<div class="relative animate-float transform transition delay-500">

<div class="relative hidden sm:block">
    <div
      class="absolute z-10 w-[3rem] h-[50vh] left-[11rem] sm:left-[12rem] md:left-[30%] lg:left-[35%] xl:left-[38%] bottom-0 bg-slate-500 shadow-xl shadow-slate-700 text-white text-2xl font-bold flex flex-col items-center pt-4">
      <span class="">S</span>
      <span class="">P</span>
      <span class="">A</span>
      <span class="">C</span>
      <span class="">E</span>
      <span class="">-</span>
      <span class="">X</span>
    </div>

<div
    class="hidden dark:hidden sm:block w-[6rem] h-[6rem] absolute right-4 top-4 rounded-full shadow-2xl shadow-white grid place-items-center cursor-pointer [transition:all_400ms_ease] hover:shadow-2xl hover:shadow-gray-900 hover:-translate-y-[1rem]">

<div
    class="hidden sm:dark:block w-[6rem] h-[6rem] absolute left-6 top-4 rounded-full grid place-items-center cursor-pointer [transition:all_400ms_ease] hover:-translate-y-[1rem]">

Related Examples

A Fullscreen Hero Section

Author:
Brandon D

2 years ago

16.8k
Hero

Author:
Aman kumar

1 year ago

5.1k
Hero Section
Home hero section search bar

Author:
Samuel Abera

10 months ago

5.4k
3D Animated Image Gallery
3D Animated Image Gallery

Author:
Samuel Abera

9 months ago

5.8k
Flour mill website landing page template
flour mill and services template website which comprise of many sections like about us, featured products, why us, visit us

Author:
Amit Pachange

9 months ago

9.1k
About Us
This The About Us Component with the tailwind class and some animation by tailwind and best about us page you can modify it and content is for now only clinic but you can ad your content

Author:
Sahil Sasapara

8 months ago

3k
Portfolio Hero Section 2
visually stunning and captivating hero section component for your portfolio website.

Author:
Samuel Abera

8 months ago

3.1k
Portfolio Hero Section 3
visually stunning and captivating hero section component for your portfolio website.

Author:
Samuel Abera

7 months ago

5.6k
Hero Beer

Author:
Samuel Abera

7 months ago

3.1k
beautifull portfolio page
I create a portfolio page

Author:
Akram Khan

6 months ago

1k
Chat Box for Marketing
An Onyx component. This chat box is great for SAAS landing pages where you want to mock customer interactions or expectations.

Author:
Coastal UI

3 months ago

684
Website Mockup
An Onyx Component. This can be used for landing pages / other website mockup purposes. It's clean design will fit with most SAAS projects.

Author:
Coastal UI

3 months ago

819

Explore components by Tags

Didn't find component you were looking for?

Search from 1900+ components