Hana is a canvas for interactive design by Spline
A web-based and collaborative design tool to create production-ready interactive real-time experiences in 2D.
Design in motion, powered by Hana
Discover examples built in Hana. Remix, rebuild, and explore how your ideas can become production-ready experiences.
Familiar and advanced tools for professional design
Use familiar design tools — frames, vector networks, and Booleans — alongside advanced effects like gradients, blurs, glass, and 3D projections to create rich, interactive designs.
- Frame-based infinite canvas
- Vector networks and Booleans
- Gradients, Glass and 3D Projections
Bring your designs to life
Add motion and interactivity with intuitive tools for states, events, and animations. Create dynamic experiences that respond to movement, timing, and user actions.
- States & Events
- Animate with Transition Actions
- Follow and Look At interactivity
Built-in AI image generation
Create and refine visuals directly inside Hana. Generate with multiple AI models, combine images, remove backgrounds, and upscale — all in the same infinite canvas.
- Generate images with various models
- Combine and modify images
- Remove backgrounds and upscale
A design tool, built for interactivity
A fast, familiar interface with the tools you need to design real-time interactive interfaces, motion and graphics.
Familiar Design Tools
Design on an infinite canvas with frames, pen tool, booleans, shapes and more.
Powerful Interactivity
Create interactive experiences with states, events, and actions.
newAnimated Experiences
Add motion to your designs with States and Transitions.
Visual Effects
Use shadows, blurs, glass and 3D to create real-time visual effects.
Real-time booleans
Create sophisticated boolean systems and animate them in real-time.
Vector networks
Make vector networks and add unique interactivity to it.
On-canvas Preview
Preview your interactivity and animations right on canvas.
Production-Ready Exports
Integrate your interactive designs into your websites, web apps, and digital products.
Design together in real-time
Design interactivity on an infinite canvas with real-time collaboration. Organized on a shared workspace for your entire team.
Ship interactivity for the web
Ship interactivity for the web
Seamlessly integrate interactive experiences into your websites, web apps, and digital products.
<!-- Import Hana Viewer -->
<script
type="module"
src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>
<!-- Add your design using the hana-viewer component -->
<hana-viewer
url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode"
</hana-viewer>Design. Collaborate. Ship.
Superpower your team to deliver production-ready interactive 2D and 3D experiences all in one platform.
Real-time Multiplayer
Design together with your entire team on the same environment.
Roles & Permissions
Take full control over individual Editor and Viewer roles.
File Management
A shared team space to store and manage all files and projects.
Notes & Feedback
Leave comments for your team or take notes directly in the editor.