Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including @webanimate/webanimate with all npm packages installed. Try it out:

var webanimate = require("@webanimate/webanimate")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@webanimate/webanimate v0.0.0-alpha.5

Use Web Animations API easier

Webanimate

code style: prettier

Use Web Animations API easier.

This is alpha. Please don't use it. Stable version coming very soon.

Install

$ yarn add webanimate

or

$ npm install webanimate

Usage

Import:

import webanimate from 'webanimate'

Or load from CDN:

<script src="https://cdn.jsdelivr.net/npm/webanimate@latest/dist/webanimate.js"></script>

options as listed here plus 2 additional options:

  • play (Boolean) - whether to play animation after creation or not
  • all (Boolean) - whether to use querySelector or querySelectorAll. If false passes selectors to document.querySelector and returns single animation or null, if true to querySelectorAll, returns Array of animations or null
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free