# Create Interactive Designs That React to Your Mouse with Hana (https://academy.spline.design/tutorials/create-interactive-designs-that-react-to-your-mouse-with-hana)

> A video tutorial from the Spline Academy.

- Product: Hana (2D)
- Level: beginner
- Duration: 6 min 13 s
- Published: 2025-05-24
- Video: https://www.youtube.com/watch?v=TgZdS8RK0bM
- Part of: [Hana | Everything You Need To Know](https://academy.spline.design/collections/hana-everything-you-need-to-know.md)

## About this tutorial

In this video, we’ll give you an introduction and show various examples of how you can turn designs into interactive experiences so that your designs respond to your cursor using Hana. We'll explore events like Mouse Down, Mouse Up, Mouse Press, Mouse Hover, Look At, and Follow, and how to use them to trigger animations and effects.

## Chapters

- [0:00](https://www.youtube.com/watch?v=TgZdS8RK0bM&t=0s) Intro
- [0:15](https://www.youtube.com/watch?v=TgZdS8RK0bM&t=15s) Making Things Click – Mouse Down Event
- [2:32](https://www.youtube.com/watch?v=TgZdS8RK0bM&t=152s) Releasing the Click – Mouse Up Event
- [2:46](https://www.youtube.com/watch?v=TgZdS8RK0bM&t=166s) Holding It Down – Mouse Press Event
- [2:56](https://www.youtube.com/watch?v=TgZdS8RK0bM&t=176s) Hover Magic – Mouse Hover Event
- [3:26](https://www.youtube.com/watch?v=TgZdS8RK0bM&t=206s) Make Your Design Face the Cursor –  Look At Event
- [4:51](https://www.youtube.com/watch?v=TgZdS8RK0bM&t=291s) Make Your Design Follow the Cursor – Follow Event
- [5:57](https://www.youtube.com/watch?v=TgZdS8RK0bM&t=357s) Sneak Peek of the Next Tutorial

## Related documentation

- [Designing in Hana](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana)
- [Interactivity in Hana](https://docs.spline.design/hana-a-canvas-for-interactivity/interactivity-in-hana)