@miyagi/core/README.md

miyagi is a component development tool for JavaScript template engines.

<div align="center">
  <img src="logo.svg" width="300" height="60" alt="miyagi">
</div>

# miyagi

_miyagi_ is a component development tool for JavaScript templating engines.

## Benefits

- No overhead in your project by running _miyagi_ without any configuration files.
- Works with any folder structure (as long as you have one folder per component).
- Helps you developing your components encapsulated.
- Validates your components for HTML and accessibility violations.
- Mock data (static or dynamic) allows developing independently from a backend.
- Validates your mock data against your JSON schema.
- Documentation of your components using markdown.
- You can customize the layout, so it fits to your project.
- Supports lots of template engines by using [consolidate.js](https://github.com/tj/consolidate.js) internally.
- Allows creating a static build.
- Lets you create components and mock data via CLI.
- Automatically created styleguide based on CSS custom properties.

## Requirements

- node `>=16.7.0`

## Demos

### Handlebars

[handlebars.demos.miyagi.dev](https://handlebars.demos.miyagi.dev) (Code: [https://github.com/mgrsskls/miyagi/tree/master/demo](https://github.com/mgrsskls/miyagi/tree/master/demos/handlebars))

### Web Components

[web-components.demos.miyagi.dev](https://web-components.demos.miyagi.dev) (Code: [https://github.com/mgrsskls/miyagi/tree/master/demo](https://github.com/mgrsskls/miyagi/tree/master/demos/web-components))

## Documentation

[https://docs.miyagi.dev](https://docs.miyagi.dev)

## Sponsor

<a href="https://factorial.io"><img src="https://logo.factorial.io/color.png" width="40" height="56" alt="Factorial"></a>