Get started with peppermint CDN

MIT licensed

Peppermint is a lightweight library for building desktop applications using web technologies.

Tags:
  • touch
  • touch-events
  • pointer-events
  • mouse-events
  • slider
  • carousel
  • gallery
  • vanilla-js
  • framework-agnostic
  • library-agnostic

Stable version

Copied!

How to start using peppermint CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with peppermint CDN - cdnhub.io</title>
  <script src="https://cdn.cdnhub.io/peppermint/1.4.0/peppermint.min.js"></script>
  <style>
    #app { width: 300px; height: 300px; border: 1px solid black; }
  </style>
</head>
<body>
  <div id="app"></div>
  <script>
    const app = new Pepper.App({
      target: document.getElementById('app'),
      width: 300,
      height: 300,
      components: [
        new Pepper.Component({
          name: 'HelloWorld',
          template: `<div>Hello, World!</div>`,
          mounted() {
            this.el.innerHTML = 'Hello, Peppermint!';
          },
        }),
      ],
    });

    app.mount();
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions