Design interactive 2D experiences on a real-time canvas

Bring your 2D work to life with Hana, Spline's canvas for interactive design. Draw with vector tools, add states, events, and spring animations without code, and publish playful, responsive 2D experiences straight to the web.

Get started — it's free

Interactive 2D design helps standout brands turn static layouts into living experiences.

Design teams use Hana by Spline to prototype and ship interactive 2D interfaces, animations, and campaigns without writing code.

How interactive 2D designs go from first sketch to launch

Spline streamlines the entire pipeline for interactive 2D design from the first vector shape to polished experiences running on any device.

Ideate

Start sketching directly on Hana's infinite canvas with vector and pen tools, text, and imported assets. Explore layouts and motion ideas quickly, and remix community files to find the interaction patterns that fit your concept.

Design

Layer in interactivity visually: connect events like clicks, hovers, and scrolls to state changes, transitions, and physics-based spring animations. Fine-tune timing and easing in real time until every interaction feels tactile and alive.

Ship to Production

Publish your interactive 2D scenes to the web in one click or embed them in your site and product. Your designs stay lightweight and responsive, with the same smooth interactions on desktop and mobile.

Remix Interactive 2D Designs from the Community

Discover interactive 2D templates to jumpstart your next canvas, campaign, or interface idea.

  • Community template 90dc55e1-6a93-49f0-8413-007ae10321cb
  • Community template ec52e529-fd3f-4658-920a-072f0f06da2d
  • Community template fc3a3b21-bf53-40d2-ad45-602c68873b38

Frequently Asked Questions

Make Your 2D Designs Come Alive

Design interactive 2D experiences with vectors, states, and spring animations, and publish them straight to the web.

Get started — it's free