https://v0.dev/community/multi-monitor-web-app-YnVUKCEOQVl
I figured I’d share! its rough and ugly and took quite awhile to get the parts I got working all put together in a good experience, but it works!
Obviously not huge demand for such an app but I always thought it’d be really cool if an app detected i have 4 monitors and would be able to expand itself to all of them (like if Cursor etc did that without needing to run a whole second process / extensions like it does now)
Anyway, figured I’d share since i spent decent time on it
lmk if it works for you! It would expect you have at least 2 monitors but should adapt to as many as you have!
You have to run it outside of the vercel wrapper in its own tab for it to work!
- The most annoying point was that it kept refusing to place the screen like the API is supposed to place it - they would all just be opened on my far left display… but if i just call
window.moveTo()
with the proper display coordinates after opening then it works! Window Management API - Web APIs | MDN - It is possible to put each window right into full screen mode but not more than one window per click event so I commented that out … but basically you just have to do a broadcast event to the new window after you open it and tell it to full screen itself and it will… so all monitors can be full screen on your app
- Example here what makes v0 special … no way in a demo app I would have ever calculated and laid out the monitors based on how they actually are setup ! Haha did it for me right away ! It def didn’t get the multi window stuff working but the layout part alone just felt like some free candy
- The way v0 built the state and all that is pretty terrible though so please dont try using this for anything other than a POC