Online Candle - Ambient Flame Animation

A beautiful animated candle with realistic flickering flame in your browser

Try it Free →

Features

🕯️

Realistic Flame Animation

CSS-animated flame with flickering, swaying, and glowing effects for an authentic candle experience

🎙️

Microphone Sound Control

Speak or blow into the microphone — the flame responds to sound with realistic physics-based swaying

✨

Warm Ambient Glow

Soft orange light with multi-layer box-shadow halos that creates a cozy atmosphere

🌙

Full Immersive Experience

Dark background perfectly contrasts the candlelight for maximum ambiance

⚡

Pure Browser

No server needed — entirely client-side CSS animation, works offline too

📱

Mobile Friendly

Responsive design that works perfectly on any device size

🔒

Wake Lock

Keeps your screen awake while the candle is burning — no timeout or sleep

🛡️

Wind Shield Mode

Dampen microphone sensitivity to reduce flame jitter in noisy environments

How to Use

1

Open the Candle

Navigate to the candle page and watch the flame come to life automatically

2

Enable Microphone

Click the mic button to enable sound control — speak or blow gently to make the flame sway

3

Try Wind Shield

Enable wind shield mode if the flame is too sensitive to background noise

4

Use Fullscreen

Put your browser in fullscreen mode for the most immersive candle experience

Frequently Asked Questions

Is this a real candle?
No, it's a beautiful CSS animation of a candle with realistic flame effects rendered entirely in your browser
How does the microphone control work?
The candle uses your device's microphone to detect sound volume. Louder sounds or blowing causes the flame to sway more dramatically, with physics-based spring animations for realistic movement
Is the candle tool free to use?
Yes, completely free with no signup required. Just open the page and enjoy the ambiance
Does it work offline?
Yes, once loaded, the candle animation works completely offline as it's pure CSS
Can I use it on mobile?
Absolutely! The candle is fully responsive and works great on any device
What is Wind Shield mode?
Wind Shield reduces the microphone sensitivity to 4%, which is useful when background noise causes the flame to jitter too much

← Back to pudone! home