mici

Lightweight web components using the mini.css styles.

Usage no npm install needed!

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

README

Mini Web Components

NPM version Build Status Dependency Status devDependency Status

Lightweight web components using the mini.css styles. The same look & feel for your embedded widgets on any page for almost no price. Workhorse for functional web applications, not for fancy web pages. See the on-line documentation.

  • Small size - 20 kB minified, 4.96 kB gzipped.
  • Written in TypeScript using bacom.
  • Fast build and tests powered by esburu and tehanu.
  • SSR and tests in Node.js supported by @prantlf/dom-lite.

Synopsis

<mici-button>Test</mici-button>

<script type=module src=https://unpkg.com/mici@0.0.1/dist/index.min.js></script>

Installation

You can install this package using your favourite Node.js package manager:

npm i -D mici
yarn add -D mici
pnpm i -D mici

If you do not want to bundle this package in your build output, you can load it separately on your web page before your script bundle:

<script type=module src=https://unpkg.com/mici@0.0.1/dist/index.min.js></script>
<script type=module src=yours/index.js></script>

<script type=module>
  import 'https://unpkg.com/mici@0.0.1/dist/index.min.js'
  import 'yours/index.js'
</script>

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Lint and test your code using npm test.

License

Copyright (c) 2021 Ferdinand Prantl

Licensed under the MIT license.

Logo made by Flat Icons from Flaticon.