Developing components.
The right way.

Generate an interactive UI to develop, preview and document web components.

Live Demo Documentation

A UI for your components.
Generated.

Malvid analyses your folder structure and turns your files into a visual UI.

.
├── accordion
│   ├── accordion.data.json
│   └── accordion.njk
├── area
│   ├── area.data.json
│   └── area.njk
├── audio
│   ├── audio.config.json
│   ├── audio.data.json
│   ├── audio.md
│   └── audio.njk
└── ...

http://localhost:3000/

Screenshot of Malvid

Many features,
but only what matters.

Flexible

Malvid can be run from the command line or integrated into your project via its API. It works with any template engine and folder structure.

Lost and Found

Instantly find what you are looking for. Filter all your components in real time. No matter if you are searching for a name, view, data or note.

http://localhost:3000/

Screenshot of Malvid

Fast

Malvid is written in Node.js and rendered via React to ensure a blazing fast generation and usage. Switch between components without a single reload.

Statuses

Let your team know what's going on. Statuses help to understand the state of a component. Is this component ready? The status tells you.

Deployable

Malvid exports static HTML, JS and CSS files. Host your UI anywhere simply by uploading the files to your server.