Level up your design skills with our massive collection of CSS fire animations. Find the perfect flame effect for your project!
1. Campfire: Pure CSS by Kyle Wetton
Author: Kyle Wetton
Links: Source Code / Demo
Made with: HTML CSS
2. Flame Animation by Uwe Chardon
Author: Uwe Chardon
Links: Source Code / Demo
Made with: HTML CSS
3. Fahrenheit 451 – Fire by reaganhenke
Author: reaganhenke
Links: Source Code / Demo
Made with: HTML CSS
4. CSS Glowing Fire Ball Animation by Chenius
Author: Chenius
Links: Source Code / Demo
Made with: HTML CSS
5. Only CSS: Fire by Yusuke Nakaya
Author: Yusuke Nakaya
Links: Source Code / Demo
Made with: HTML CSS
6. Fire in HTML and CSS by Brian Bravo
Author: Brian Bravo
Links: Source Code / Demo
Made with: HTML CSS
7. CSS Animated Christmas Candles by CSS Animated Christmas Candles
Author: CSS Animated Christmas Candles
Links: Source Code / Demo
Made with: HTML CSS
8. CSS Spark by Ivan Grozdic
Author: Ivan Grozdic
Links: Source Code / Demo
Made with: HTML CSS
9. CSS Candle Flame Animation by Mamun Khandaker
Author: Mamun Khandaker
Links: Source Code / Demo
Made with: HTML CSS
10. CSS Fire by Zarko Rvovic
Author: Zarko Rvovic
Links: Source Code / Demo
Made with: HTML CSS
11. Cake and Candle by Ludo
Author: Ludo
Links: Source Code / Demo
Made with: HTML CSS
12. Log Fire by Adam Peter Cummings
Author: Adam Peter Cummings
Links: Source Code / Demo
Made with: HTML CSS
13. Animated Fire with SVG + CSS by Tahina
Author: Tahina
Links: Source Code / Demo
Made with: HTML CSS
14. CSS Fire by Danielkvist
Author: Danielkvist
Links: Source Code / Demo
Made with: HTML CSS
15. Campfire Colony by Jackie Zen
Author: Jackie Zen
Links: Source Code / Demo
Made with: HTML CSS
16. Animated Fire Text-Shadow by Antti Nyman
Author: Antti Nyman
Links: Source Code / Demo
Made with: HTML CSS
17. Burning Match by Alvaro Montoro
Author: Alvaro Montoro
Links: Source Code / Demo
Made with: HTML CSS
18. Play With Fire – Box Shadow Flames & Keyframes Animation by Patrick Freedom Mayer
Author: Patrick Freedom Mayer
Links: Source Code / Demo
Made with: HTML CSS
19. Fire Circle by Andry Zirka
Author: Andry Zirka
Links: Source Code / Demo
Made with: HTML CSS
20. SCSS Candle by Menashe Bouhadana
Author: Menashe Bouhadana
Links: Source Code / Demo
Made with: HTML CSS
21. Non-Generative CSS Fire by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
22. One Div Flame by Chalda Pnuzig
Author: Chalda Pnuzig
Links: Source Code / Demo
Made with: HTML CSS
23. CSS Blend Mode Fire by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
24. Fireplace by Guilmain Dorian
Author: Guilmain Dorian
Links: Source Code / Demo
Made with: HTML CSS
25. Fire Animation Using CSS by KESHAV KUNDAL
Author: KESHAV KUNDAL
Links: Source Code / Demo
Made with: HTML CSS
26. SVG CSS Fire Animation by Deepak K Vijayan
Author: Deepak K Vijayan
Links: Source Code / Demo
Made with: HTML CSS
27. CSS Fire by Zed Dash
Author: Zed Dash
Links: Source Code / Demo
Made with: HTML CSS
28. Fire by Rose Liu
Author: Rose Liu
Links: Source Code / Demo
Made with: HTML CSS
29. CSS Flame Animation by Adrian Payne
Author: Adrian Payne
Links: Source Code / Demo
Made with: HTML CSS
30. Sparks Float Up From A Blazing Fire by Jess
Author: Jess
Links: Source Code / Demo
Made with: HTML CSS
31. Campfire Animation by Jamie Coulter
Author: Jamie Coulter
Links: Source Code / Demo
Made with: HTML CSS
32. Fire by Romina
Author: Romina
Links: Source Code / Demo
Made with: HTML CSS
33. Simple CSS-Only Fire Animation by Satrio Yamanda
Author: Satrio Yamanda
Links: Source Code / Demo
Made with: HTML CSS
34. Simple Fire Animation by Artyom
Author: Artyom
Links: Source Code / Demo
Made with: HTML CSS