Mirotone

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.
Development and contributions
This project is an open source one, so you are more then welcome to contribute or report issues, so we could make the package better together and create something more efficient and helpful for everyone. Check how you can that below.
- Clone the repo by running:
git clone https://github.com/boriskirov/mirotone.git
2. Install the dependencies
npm install
3. Run the build command in order to build the dist.
npm run build
4. Run the watch command to get the example/index.html
running with all the documented components.
npm run watch
Report an issue
If you want to report an issue please fill out the issue form.
Roadmap
- Improve the documentation
- Add Templates & layout