For years, developers have built massive Single Page Applications (SPAs) just to get smooth, animated page transitions. If you wanted the file sidebar to slide out smoothly while the editor pane faded in, you were forced to use bloated client-side routers like React Router and ship megabytes of JavaScript state management.
NitroIDE completely reverses this architecture. We built the IDE as a hyper-fast Multi-Page Application (MPA) and achieved 120fps, native-app-style animations using the bleeding-edge Cross-Document View Transitions API.
With Cross-Document View Transitions, the animation logic is removed from JavaScript entirely. When a user clicks a link to navigate from the /dashboard to the /editor, the browser's C++ rendering engine takes a high-resolution screenshot of the old DOM, loads the new HTML document in the background, takes a screenshot of the new DOM, and smoothly interpolates between them on the GPU.
Shared Element Morphing: Because we tag our elements with view-transition-name, when you click a repository card on your dashboard, the browser natively pulls that exact card out of the layout, expands it into the full-screen editor header, and fades the IDE in around it. No JS physics engines required.
This API fundamentally shifts web architecture. Because NitroIDE is an MPA, clicking a link fetches a pristine, tiny HTML document. We don't have to manage complex React unmount lifecycles, Redux store resets, or memory leaks across routes. The browser clears the memory perfectly on every click, while the UI morphs with absolute fluidity.
Click around the NitroIDE dashboard. Notice how it feels exactly like a native iOS or macOS app.
Open Dashboard