<wa-animation>

Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the Web Animations API.

Category

Effects

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

4.5 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,855,650 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

Last published

Sep 24, 2026

Component last changed

Jun 30, 2026 (in 3.10.0)

License

MIT

Status

stable

• Documentation
• Demo
• Source code

Attributes

• name
• play
• delay
• direction
• duration
• easing
• end-delay
• fill
• iterations
• iteration-start
• playback-rate
• dir
• lang
• did-ssr

Events

• wa-cancel
• wa-finish
• wa-start