Get started with chibi CDN

MIT licensed

The Chibi library is a lightweight, easy-to-use 2D drawing library for creating interactive animations and games.

Tags:
  • javascript
  • microlibrary

Stable version

Copied!

How to start using chibi CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with chibi CDN - cdnhub.io</title>
  <script src="https://cdn.cdnhub.io/chibi/3.0.9/chibi-min.js"></script>
  <style>
    #my-chibi {
      width: 100px;
      height: 100px;
      background-color: #f5f5f5;
      border: 1px solid #ccc;
      margin: 0 auto;
      display: block;
    }
  </style>
</head>
<body>
  <button id="animate-btn">Animate Chibi</button>
  <div id="my-chibi"></div>

  <script>
    const chibi = new Chibi('#my-chibi');

    document.getElementById('animate-btn').addEventListener('click', () => {
      chibi.animate('wave');
    });
  </script>
</body>
</html>
Copied!
Copied!

All versions