https://github.com/prantlf/mici
Lightweight web components using the mini.css styles. The same look & feel for your embedded widgets on any page. Workhorse for functional web applications, not for fancy web pages.
https://github.com/prantlf/mici
custom-elements mini-css web-components
Last synced: about 1 month ago
JSON representation
Lightweight web components using the mini.css styles. The same look & feel for your embedded widgets on any page. Workhorse for functional web applications, not for fancy web pages.
- Host: GitHub
- URL: https://github.com/prantlf/mici
- Owner: prantlf
- License: mit
- Created: 2021-05-24T10:16:54.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-05-25T00:04:13.000Z (about 5 years ago)
- Last Synced: 2025-02-19T22:47:38.617Z (over 1 year ago)
- Topics: custom-elements, mini-css, web-components
- Language: TypeScript
- Homepage: https://prantlf.github.io/mici/
- Size: 161 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGES.md
- License: LICENSE
Awesome Lists containing this project
README
# Mini Web Components
[](http://badge.fury.io/js/mici)
[](https://github.com/prantlf/mici/actions)
[](https://david-dm.org/prantlf/mici)
[](https://david-dm.org/prantlf/mici#info=devDependencies)
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
```html
Test
```
## Installation
You can install this package using your favourite Node.js package manager:
```sh
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:
```html
```
```html
import 'https://unpkg.com/mici@0.0.1/dist/index.min.js'
import 'yours/index.js'
```
## 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].
[mini.css]: https://minicss.org/
[on-line documentation]: https://prantlf.github.io/mici/
[bacom]: https://github.com/prantlf/bacom#readme
[esburu]: https://github.com/prantlf/esburu#readme
[tehanu]: https://github.com/prantlf/tehanu#readme
[@prantlf/dom-lite]: https://github.com/prantlf/dom-lite#readme
[Flat Icons]: https://www.flaticon.com/authors/flat-icons
[Flaticon]: https://www.flaticon.com/