miyagi
miyagi is a component development tool for JavaScript templating engines.
Benefits
- No overhead in your project: miyagi only needs one configuration file (or none at all if you use the defaults).
- Works with any directory 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 files.
- Documentation of your components using markdown.
- You can customize the layout, so it fits the design of your project.
- Supports lots of template engines by using consolidate.js internally.
- Allows creating a static build.
- Lets you create components and mock data via CLI.
- Automatically created design tokens overview based on CSS custom properties.
Demos
Handlebars
handlebars.demos.miyagi.dev (Code: https://github.com/mgrsskls/miyagi/tree/master/demo)
Web Components
web-components.demos.miyagi.dev (Code: https://github.com/mgrsskls/miyagi/tree/master/demo)