mirotone

Miro UI Kit for building apps & plugins

Usage no npm install needed!

<script type="module">
  import mirotone from 'https://cdn.skypack.dev/mirotone';
</script>

README

Mirotone

NPM Downloads NPM Version Last commit License

Mirotone is a small & lightweight skeleton UI Kit that tries to match Miro styles for building apps and plugins. The package contains a HTML & CSS files which can be used for any project.

Content

Getting started

Install the package as a dependancy on your own project by running:

npm install mirotone
// or with yarn
yarn add mirotone

For using something like PostCSS import you can do the following:

@import 'mirotone/dist/styles.css';

You can also use standart CSS linking to use the styles right away in your project:

<link rel="stylesheet" href="https://unpkg.com/mirotone/dist/styles.css" />

Components

  • variables
  • typography
  • icons
  • buttons
  • checkbox
  • toggle
  • radiobutton
  • link
  • textarea
  • input
  • select
  • tabs
  • divider
  • app layouts

You can check the documentation for more details.

mirotone © 2022+, Miro