Meteor Shower

Beautiful Web Component for stunning backgrounds

Zero dependencies • Lightweight • Customizable

Default settings: <meteor-shower></meteor-shower>

30 meteors, 300 stars

More meteors and stars: <meteor-shower meteors="80" stars="600"></meteor-shower>

25 meteors, 500 stars

Subtle animation: <meteor-shower meteors="5" stars="100"></meteor-shower>

5 meteors, 100 stars

Meteors: Stars:

Size of stars: Size of meteors:

Size of tail meteor: Show black hole:

Primary color: Secondary color:

Interactive Demo