https://github.com/miyagi-dev/miyagi
Component development tool for JavaScript template engines
https://github.com/miyagi-dev/miyagi
component-library components frontend node node-module pattern-library patterns
Last synced: 9 months ago
JSON representation
Component development tool for JavaScript template engines
- Host: GitHub
- URL: https://github.com/miyagi-dev/miyagi
- Owner: miyagi-dev
- License: mit
- Created: 2019-02-23T20:49:49.000Z (almost 7 years ago)
- Default Branch: 4.0.0
- Last Pushed: 2025-04-21T23:49:17.000Z (10 months ago)
- Last Synced: 2025-05-10T13:48:32.156Z (9 months ago)
- Topics: component-library, components, frontend, node, node-module, pattern-library, patterns
- Language: JavaScript
- Homepage: https://www.miyagi.dev
- Size: 9.77 MB
- Stars: 20
- Watchers: 1
- Forks: 3
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# miyagi
_miyagi_ is a component development tool for JavaScript templating engines.
## Benefits
- No overhead in your project: _miyagi_ only needs one configuration file.
- Works with any directory structure (as long as you have one folder per component).
- Helps you developing your components encapsulated.
- Mock data (static or dynamic) allows developing independently from a backend.
- Validates your mock data against your JSON schema files.
- Documentation of your components using markdown.
- You can customize the layout, so it fits the design of your project.
- Use any kind of templating engine by providing your own render function.
- Allows creating a static build.
- Lots of functionality invokable via CLI or JavaScript API.
- Automatically created design tokens overview based on CSS custom properties.
## Requirements
- NodeJS `20.11.0` or higher
## Demos
### Handlebars
[handlebars.demos.miyagi.dev](https://handlebars.demos.miyagi.dev) (Code: [https://github.com/miyagi-dev/demos/tree/main/handlebars](https://github.com/miyagi-dev/demos/tree/main/handlebars))
### Web Components
[web-components.demos.miyagi.dev](https://web-components.demos.miyagi.dev) (Code: [https://github.com/miyagi-dev/demos/tree/main/web-components](https://github.com/miyagi-dev/demos/tree/main/web-components))
## Documentation
[https://docs.miyagi.dev](https://docs.miyagi.dev)
## Sponsor
