Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)

github.com

333 points · mathuo · 5 days ago


63 comments
samradelie · 5 days ago
Wow. Stellar work. The TS looks really proper on first glance. I think you're right on zeitgeist -- we're going to need a lot more fundamental tools like this to build AI apps.

Technically speaking, I've long wondered about mount/unmount of components as panels are dragged about and their visibility changed. Sometimes it's more costly to mount/unmount than to display:none.

Second, you have basically a declarative structure for these panels, are there plans to expose a Vite plugin for example that could export saved TS layouts, where functions (ie: TS imports) map to the panel contents? (trying to think outside of JSX and more vanilla TS)

Fantastic work!

Show replies

bossyTeacher · 5 days ago
This is really impressive. Can I also give you major props for the following:

- Zero dependencies: wow, this is really good for a js package.

- Documentation: nice, clear and with examples

- Transparent builds: this should be a standard

I wish more js packages were like yours

Show replies

alluro2 · 5 days ago
Dockview is phenomenal, and congrats to @mathuo on a great project - I've recently thoroughly tested 6-7 available libraries in this category, and dockview is certainly in the top. GH is also very active and well maintained.

The only reason I in the end went with FlexLayout (https://github.com/caplin/FlexLayout) for a recent project was lack of support for predefined/restricted dimensions, - which was since added in a very good way - and that I really liked how FL handles side panels, with vertical tabs, and their predefined behavior.

Looking very much forward to using Dockview in one of the next projects.

Show replies

somytomy · 5 days ago
I literally have been working on something like this for a spare-time project, and am so glad to find this. Now I can throw out my code and move to the next stage of the project.
diob · 5 days ago
How does this compare to golden layout? Inspired by it?

I really enjoyed that project back in the day, but unfortunately support completely stopped (it had some folks take over, but I didn't see a real feasible upgrade path despite their passionate work on updating it).

This looks great! I'd be interested in giving it a try.

Show replies