Home
Augustin
Incense Meditation

Incense Meditation

material used to produce a fragrant odor when burned.

This tailwind example is contributed by Augustin, on 22-May-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are popup,dialog

Modal

Author Augustin

Fork Fullscreen

</head>
<body class="bg-amber-50 flex items-center justify-center h-screen text-center">

<div class="bg-white p-8 rounded-2xl shadow-xl max-w-md w-full space-y-4">
    <h1 class="text-3xl font-semibold text-amber-700">🕯️ Incense Meditation</h1>
    <p class="text-gray-600">Let the fragrance fill your mind. Timer ends with peace.</p>
    
    <div id="timer" class="text-5xl font-mono text-amber-600">05:00</div>
    
    <button onclick="startTimer()" class="mt-4 px-6 py-2 bg-amber-600 text-white rounded-xl hover:bg-amber-700 transition">
      Start Incense
    </button>
  </div>

function startTimer() {
      clearInterval(timerInterval);
      let duration = 5 * 60; // 5 minutes
      const display = document.getElementById('timer');

timerInterval = setInterval(() => {
        const minutes = Math.floor(duration / 60);
        const seconds = duration % 60;
        display.textContent = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
        if (--duration < 0) {
          clearInterval(timerInterval);
          display.textContent = "🧘 Done";
          alert("Your incense session is complete. Breathe in peace.");
        }
      }, 1000);
    }
  </script>

Related Examples

Responsive modal popup

Author:
I.P. Leroy

2 years ago

13k
Modal multiple window

Author:
Maxim

1 year ago

1.4k
GALLERY

Author:
ORGIN_DREAMS

1 week ago

38
Modal with Tailwind CSS

Author:
EliteAI Tools

5 months ago

901
LoginModal-1
Popup modal with close

Author:
Rohan Babu

1 year ago

3.1k
File Upload

Author:
Rajesh Maheshwari

3 months ago

470
Otp-code template
This is an OTP code template that contains the one-time password, which can be sent to the user's email either when they are signing up for the first time or for multi-factor authentication (MFA) during the login process.

Author:
anandu ap

7 months ago

1.1k
Simple Alret Modal
Minimal Modal

Author:
_Amar_

2 years ago

11.4k
Responsive Class List Table using Tailwind CSS
A responsive and customizable class list table built with Tailwind CSS, featuring actions for editing and deleting classes.

Author:
Anum Shahana

7 months ago

1.2k
Modal
Responsive model

Author:
inbarajan P

7 months ago

1.9k
FacePass: Animated Image Authentication
"Where your image becomes your key" "Biometric meets beautiful animations" "A login experience that recognizes you – literally" "Security through personalized visual authentication" "Your face, animated, authenticated"

Author:
Acode Master(Mfuranziza Dusabe Hamza)

1 week ago

95
Chat UI
The Chat UI is a responsive and interactive component designed for building messaging interfaces. Ideal for applications like customer support, social media, or team collaboration tools, it provides a modern, user-friendly layout for real-time communication.

Author:
Abhiraj

4 months ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components