Canvas UI — React-based open source design and development framework

React-basedopen source design and development framework

Transform large clunky linear forms into adjustable and self-explanatory experience

More links coming soon!

Split lengthy form into manageable blocks

Put it inside component on a page

Let users move, resize, rearrangeForm sections can be moved around to keep necessary fields at hand

Add extra layers for collaborationNotes, comments and what not. Onboarding is also collaboration between your team and your users

Full control over movementDefine degrees of freedom: sticky items, free positioning, drop zones, CSS grids

Zoom out for bigger picture

Connections and dependencies

AI tools

Conversational flows

Automation scenarios

aims to provide both

developer components

and

design documentation

to better fit your design and development processes

Check here how you can contribute to the project and when to expect beta test

DONE

Prototype and demo stand with examples

TODO

ßETA

development

Testing coverage, code refactoring for production

TODO

design

Collecting design use cases, prototype tests

TODO

design

Early adopters testing and design refinement

If you find Canvas UI useful for your work
or would like to contribute to the roadmap
reach me out

Donate
to support
the project