Have I mentioned how much I love nuxt's devonly component? Yes. Have I mentioned it enough? No.

Here am using it in combination with radix's hover card so I can inspect all the internal data for an item.

#vue #nuxt #radix

Added pretty animations when changing workspaces 😍

#ui #ux #uxdesign #frontend #uidesign #buildinpublic #vue #vuejs #webdesign

Created the workspace selector dropdown. Just want to shout out radix/radix-vue again. It made it so easy to do this and I could focus on the ux and the styling. I'm going to slowly replace my component's library with it.

#vue #ui #ux

Layout manager hooked up to the Shortcut Manager (before I was manually handling events). Next step is to sync the messages in the status bar with whatever shortcut is configured.

#ui #ux #frontend #uidesign #buildinpublic #vue #webdesign

Feels so smooth 🥰
Added auto splitting from the window edges, ironed out some bugs with intersection dragging and drag events.

#ui #ux #frontend #uidesign #buildinpublic #css #vue #webdesign

Finally made intersection dragging work 🫠.
Also pretty styles now. 😍
#ux #ui #design #buildinplublic #vue

It also handles complicated scenarios if at all possible. So it will close single frames if it can't close them all.

Finished the basic closing/splitting of frames 🥳.

Best window management strategy ever, if I may say so. Inspired by blender, but less finicky because no weird corner dragging. Someday I will write a linux wm that uses this.

#ui #ux #frontend

Vue's new deferred teleport is amazing. I just realized I can create a small area to put debug information then just teleport stuff to it from any component. Combined with nuxt's `DevOnly` component, it's killer. Here I'm debugging the split/close frame requests.

Showing off the code sandbox. Am using trpc to create the api bridge. Plugins will be able to use this to safely control the ui.

WIP Layout management library I'm working on. Unlike the few other libraries out there, this one uses a flat list of windows instead of a tree for more flexibility. Rendered with #vue here but it's framework agnostic.