Fireflies

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

This tailwind example is contributed by Nick Girga, on 28-Apr-2025. Component is made with Tailwind v3.4. It is responsive. similar terms for this example is Transitions

Tailwind v3.4 Responsive 1.8k 4

Related Examples

  • Growing Navigation Menu with Tailwind CSS

    PREVIEW ON FULL SCREEN BECAUSE INSIDE THE NAV BAR IT CONTAINS (aria-current="page") which create some issues inside canvas. A clean and minimal vertical navigation menu built with Tailwind CSS featuring smooth line expansion, hover interactions, and active link highlighting. The component uses lightweight CSS transitions with aria-current support for accessible active states, making it ideal for documentation websites, portfolios, dashboards, and landing pages.

    240
  • Animated button

    on hover underline will go from left to right

    6k
  • Bug Beach Day Heatwave

    This playful animation brings sweltering summer insects to life with pure HTML and Tailwind CSS. Watch as: 🔥 Glowing Fireflies pulse with heat-radiant light, their wings shimmering in the desert sun 🐞 Overheated Ladybugs scuttle across cracked earth, their red shells reflecting the blazing heat ☀️ A Wobbling Sun dominates the sky, emitting pulsing heat waves across the animated landscape

    1.6k
  • Portfolio Hero Section 2

    visually stunning and captivating hero section component for your portfolio website.

    6.3k
  • ForK blocks animations

    ForK blocks animations

    2.4k
  • Login Form

    A modern Tailwind CSS animated login form featuring smooth transitions, premium UI styling, responsive layout, and interactive input effects. Designed for admin panels, SaaS dashboards, and secure web applications, this login template delivers a clean light-theme interface with professional animations and a high-end user experience.

    747
  • Modern Responsive Footer with Tailwind CSS

    This sleek and modern responsive footer is built using HTML and Tailwind CSS. It features three sections: brand information, useful links, and social media icons. The footer includes smooth hover effects, subtle fade-in animations, and a fully responsive design that adapts seamlessly to different screen sizes. Perfect for websites looking for a professional and stylish footer section.

    2.6k
  • background animation

    background animation

    1.2k
  • Auto-Flipping 3D Profile Card with Tailwind CSS

    This project showcases a 3D auto-flipping profile card built with HTML, Tailwind CSS, and vanilla JavaScript. The front side displays the user’s photo, name, and role, while the back side reveals contact information. The card flips automatically every few seconds to add a dynamic, engaging feel—perfect for portfolios or personal websites.

    1.6k

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.