Minze

Dead-simple JS framework for native web components.

Minze (German shorthand for "Peppermint", pronounced /ˈmɪnt͡sə/) lets you rapidly build native web components.

It provides an intuitive abstraction layer around the web components API with its own fully typed JavaScript API. Including reactivity, lifecycle hooks, scoped styles, one-shot components registration, and more.

1. You can create cross-framework component libraries or design systems and share them with your team or the world.
2. You can add Minze to any web project and create components without even using any build tools.

Read the Docs to Learn More.

Features

• 👶 Simple - Dive right in by scaffolding a project, installing from npm or using a CDN link.
• ⚡ Fast - Tiny footprint ~3KB (minified and compressed).
• 🚀 Modern - Based on the latest technologies around web components.
• 📦 Shareable - Build component libraries or design systems. Define once, use everywhere.
• 🎲 Framework Agnostic - Use Minze with any common framework - React, Vue, Svelte, etc ...
• 📕 Storybook - Minze x Storybook dev environment integration.
• 📖 Extensive Docs - Comprehensive documentation and API reference.
• 🔒 Typed API - Scale your component library with ease by using TypeScript.

Packages

Package	Version	Description
create-minze		Scaffolding CLI tool for setting up a Minze dev environment.
minze		Dead-simple JS framework for native web components.
minze-vscode		VS Code language support for Minze.
vite-plugin-minze		Vite plugin for Minze dev environment.

Contribution

See Contributing Guide. Open the Minze repo in Codeflow or StackBlitz.

License

MIT