Minze is a 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 is not a framework for building complex user interfaces or single-page apps, like React, Vue or Angular. Instead, you can use Minze to create
cross-framework native web components.
Minze was made to be accessible to everyone, and to be easy to use. It removes a lot of complexity from the creation of custom web components.
Possible use cases:
Design Systems: Create cross-framework design system libraries and share them with your team or the world. Define once, use everywhere.
Browser Native Extending: You can add Minze to any web project and create components without using any build tools to extend its functionality.
- 👶 Simple - Dive right in by scaffolding a project or using a CDN link.
- ⚡ Fast - Tiny footprint ~2KB (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, etc ...
- 🔒 Typed API - Scale your component library with ease by using TypeScript.
Minze consists of two main classes:
- Minze - A class with multiple static methods and properties for common tasks, like defining several components at once.
- MinzeElement - A class that can be used to extend from to create custom web components. It adds an abstraction layer around the web components API and adds several additional features like reactivity.