I’ve been using Hype, both for fun and at work for years now and I just cant get enough!
As a dedicated tool for interactive animations it is world class and the interface makes me wish I could complete my full web builds here, rather than retreating to something like bootstrap studio (don’t get me wrong, I have a lot of time for BSS and similar). The issue is of course having to have everything position absolute, in its own phantom div parent in unique z-spaces… of course I get it - that approach makes sense given what Hype was built for, and if we could simply toggle some elements as relative and inline - it could screw up some of the positions of the animations… plus its not the idea of the software… it would take incredible amounts of dev time and lose the product’s core identity somewhat - to steer it into a more all in one solution…
Here’s where I think it could be extended without much compromise:
What if we had a static “base layer”, locked by default to z-index: 0, position: relative, and based on a grid system - the UI for which could work like “symbols”, if you get what I mean, in that it opens up a new panel, but instead of a timeline it could be a simple ‘type-all-your-HTML-in-here’ box initially (maybe developed more in future).
All the animated elements stay in their own z-index as normal, so theoretically both can co-exist
There would be a bit of head scratching for having animations be responsive in tandem with the grid… but perhaps synching up the breakpoints?.. I don’t know… thought it might provoke some discussion. Maybe many users don’t see a need, and would just say well use HTML widget as bottom layer… but no one wants to do this as an iframe! - So maybe it could be an element like an HTML widget, but instead of writing an iframe, it would set itself out as a container div, immediately after the opening body tag with a grid system / bootstrap ready?
I appreciate my idea is probably full of problems but would love to hear the community’s thoughts.