30+ CSS Fire Animations (Updated)

Rate this post

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