Malvid – Interactive UI for components

Took me some time to understand, but apparently it's a documentation generator for Web components. It displays each component in a webframe along its code and notes.

Could use some explanation on the homepage indeed.

Thanks for the feedback! We're still trying to figure out how to explain it in the best and shortest way, but I agree that the current page might be missing the information you're looking for.

Here's a post explaining the problem we're solving: https://medium.com/@electerious/sharing-components-between-f...

Malvid is very similar to Fractal and highly inspired by it. They both don't care about how you transpile your assets (JS, SCSS, etc.). You can use gulp, Grunt or whatever you want. Malvid takes this one step further by not caring about the template transpilation either. This allows you to use any templating language you want, without writing a plugin. Just by using existing tools. This makes Malvid flexible and easier to integrate into most workflows (this—of course—depends on your workflow).

We also added features we missed in Fractal. Like a search/filter and switching between components without a page reload.

It might be worth a try when you're not 100% happy with Fractal. Otherwise you can stay with it. Fractal is a great tool :)

Malvid can display anything a browser can display. It should also work fine with React, Angular, and Vue components when you can create a preview HTML for each component (the preview HTML is required for the preview on the top right). This might be the tricky part, but you can use any tool you want to generate it.