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

Interactivity & Animation

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

AI Tools

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.

• Animated 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.

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.

Ship interactivity for the web

Seamlessly integrate interactive experiences into your websites, web apps, and digital products.

Move mouse or finger to interact

Remix scene

Code Snippet

<!-- 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.