This component library is inspired by Blender because I like its UI and UX.
Therefore, I created this repository, in which implemented some Blender interface elements in Vue.

Try it

https://blender-ui.folleach.net/

or build yourself

npm run dev

Roadmap

• workspace manager
  • render areas
  • move areas
  • split areas
  • join areas
    • simple (when a1 and a2 inside c1)
    • foreign (when a1 and a2 visually neighbour but inside different containers)
    • advanced (place everywhere)
  • store workspace layouts
  • operating with a geometric neighborhood
  • separator context menu
    • swap area
    • join
  • workspace tabs
    • basic
    • templates
    • duplicate
    • reorder
    • remove
  • api for inner areas
    • swap
    • split
    • find services?
    • request size
  • dynamic areas
  • change focus when Ctrl + Tab
• menus
  • render
    • item
    • directory
  • context passing
  • hotkey hints
  • close when away from pointer
  • close when click past the menu
  • pointer above the last use
  • reposition when went outside the page
  • custom icons
  • api
    • set
• keyboard shortcuts
• node editor
  • global space
    • api
      • pointer position in the space
      • selection
  • nodes
    • drag and drop outside the current area (and browser)?
    • select multiple nodes
  • sockets
    • link
  • routes
  • properties (dynamic content?)
  • groups
  • frames
  • api
• routine
  • tab list
    • rename on selected click
  • button
  • number field
    • change to text field when click
    • fix double click when drag from arrow
    • change style when dragging
  • radio button
  • text field
• custom themes

This project is under development.
Unsuitable for production