Hana by Spine

Introducing Hana, a new canvas for interactivity. Events & States, Real-time Vector Nets & Booleans, Production-ready exports, and more!

Hana by Spine is an innovative real-time canvas designed for interactive 2D experiences, from UI design to dynamic visuals. Built for performance, it offers modern vector network editing, state-based transitions, and GPU-accelerated effects—all within a collaborative, browser-native environment. The tool enables seamless creation of interactive content with event-driven behaviors, animations, and real-time collaboration. Frames can be exported as live, embeddable components for production-ready deployment. Hana advances vector networks with multi-level booleans and real-time processing, simplifying complex shape creation. Motion and interactivity are integrated directly into the design workflow, eliminating the need for separate tools. Part of the Spline ecosystem, Hana bridges 2D and 3D design, offering a lightweight yet powerful platform for crafting rich, interactive experiences.