DEV Community

Alexander van Elsas
Alexander van Elsas

Posted on

BareForge v0.1.1: A drag-and-drop UI design tool that bridges the gap between design and code

I've just released BareForge v0.1.1. BareForge aims to close the gap between design and code. What does it offer:

• Drag-and-drop any of the 90 BareDOM components onto a canvas
• Tweak attributes, layout, CSS-variable themes live
• Declare reactive state on any container — fields, computed fields, records
• Wire DOM events to actions that mutate the data
• Pick from 9 starter templates (8 realistic + 1 kinetic showcase) or start blank

It exports a fully working vanilla JS project (or Clojurescript if that is your cup of tea). The code output looks pretty decent so far.

The BareForge export is pluggable. Adding React, Svelte or any other framework can be implemented in a simple manner.

It would be great if someone would give that a try.

The code can be found at github: Bareforge

and a live demo is at: Live demo

Top comments (0)