Hana is a canvas for interactive design by Spline

A web-based collaborative design tool to create production-ready interactive real-time experiences in 2D.

Get started — it’s free

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

    Familiar Design Tools

    Design on an infinite canvas with frames, pen tool, booleans, shapes and more.

  • Powerful Interactivity

    Powerful Interactivity

    Create interactive experiences with states, events, and actions.

    new
  • Animated Experiences

    Animated Experiences

    Add motion to your designs with States and Transitions.

  • Visual Effects

    Visual Effects

    Use shadows and blurs to create real-time visual effects.

  • Real-time booleans

    Real-time booleans

    Create sophisticated boolean systems and animate them in real-time.

  • Vector networks

    Vector networks

    Make vector networks and add unique interactivity to it.

  • On-canvas Preview

    On-canvas Preview

    Preview your interactivity and animations right on canvas.

  • Production-Ready Exports

    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.

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
Webflow Project
1
2
3
4
5
6
7
<!-- Add your 2D scene using an iframe -->
<iframe 
    src="https://my.spline.design/interactivedemoscopycopy-M0nGtAJy6gYjlE6vSKYpYbUa/"
    width="100%"
    height="100%"
    style="{{ border: 'none' }}"
/>
Docs
Design. Collaborate. Ship.

Superpower your team to deliver production-ready interactive 2D and 3D experiences all in one platform.

Get started — it's free