Animation Components

Animation Components

Animated web components with rich demos and example setups.

v1.0.0

@manufosela/animation-explosion

A Lit 3 web component for particle explosion effects on click/trigger using Canvas API

v1.0.0

@manufosela/animation-fireflies

Floating firefly particles animation web component built with Lit 3 and Canvas API

v1.0.0

@manufosela/animation-handclock

SVG analog clock web component with animated hands built with Lit 3

v1.0.0

@manufosela/animation-matrix

Matrix digital rain effect web component built with Lit 3 and Canvas API

v1.0.0

@manufosela/animation-paralax

Parallax scrolling effects web component built with Lit 3

v2.0.0

@manufosela/animation-raincss

CSS-based rain effect web component built with Lit 3

v1.0.0

@manufosela/animation-shootingstar

A Lit 3 web component for shooting star animations using Canvas API

v2.0.0

@manufosela/animation-snow

Canvas-based snow effect web component built with Lit 3 and requestAnimationFrame

v2.0.0

@manufosela/animation-snowcss

CSS-based snow effect web component built with Lit 3

v1.0.0

@manufosela/animation-solarsystem

SVG animated solar system web component built with Lit 3

v1.0.0

@manufosela/christmas-tree

A Lit 3 web component for festive animated Christmas tree with blinking lights using SVG

v1.0.0

@manufosela/constellation-sky

A Lit 3 web component for animated star constellations with connecting lines using Canvas API

v2.0.0

@manufosela/scene-protonimg

Proton-based particle animation that morphs between two images, built with Lit 3

v1.0.0

@manufosela/scene-stwtext

A Lit 3 web component for Star Wars style text crawl animation using CSS 3D perspective