https://github.com/matteusan/himig
MatteuSan's personal design system for building user interfaces.
https://github.com/matteusan/himig
component-library css css-framework design-system sass scss theme web
Last synced: about 1 month ago
JSON representation
MatteuSan's personal design system for building user interfaces.
- Host: GitHub
- URL: https://github.com/matteusan/himig
- Owner: MatteuSan
- License: mit
- Created: 2021-05-08T14:59:49.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2025-04-20T10:32:50.000Z (about 1 month ago)
- Last Synced: 2025-04-24T05:12:09.046Z (about 1 month ago)
- Topics: component-library, css, css-framework, design-system, sass, scss, theme, web
- Language: SCSS
- Homepage:
- Size: 3.76 MB
- Stars: 10
- Watchers: 3
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
## Prerequisites
Be sure to have [NodeJS](https://nodejs.org) LTS installed. Any other version will risk the project breaking in
development.
This design system is dependent on the CSS preprocessor, [Sass](https://sass-lang.com). When using Sass, **be sure to
use DartSass instead of the now deprecated LibSass (node-sass)**.
## Setup
```sh
$ npm install @matteusan/himig --save
# or
$ yarn add @matteusan/himig
```
```scss
// main.scss
@use 'pkg:@matteusan/sentro';
@use '@matteusan/himig/ms-button';
@include himig.init() {
@include ms-button.render();
}
```
## Contributing
Contributing guidelines are located [here](https://github.com/MatteuSan/himig/tree/main/.github/CONTRIBUTING.md).