Spline
Talk to salesStart building

Design Interactions with Liquid Glass & 3D Transforms in Hana

Lesson 3 of 15HanaBeginner16 min

Hello! 👋

In this tutorial, you will learn how to use the latest liquid glass effects in Spline Hana to create UI micro interactions. We will also discuss how to utilize the 3D projection tools to create stunning designs that utilize 3D perspective.

What you’ll learn

  1. 0:00Intro
  2. 0:34Building a Liquid Glass toggle
  3. 2:28Adding the Liquid Glass effect
  4. 5:00Creating the interaction
  5. 6:33More about Hana updates
  6. 7:10Building stackable glass
  7. 10:00How to export your Hana design
  8. 10:12Experimenting with custom shapes
  9. 10:32Creating a magnifying effect using Liquid Glass
  10. 10:51Exploring 3D projections
  11. 11:13Building a 3D portal
  12. 12:16How to create a 3D Carousel
  13. 13:33Bonus Tip
  14. 13:38Auto Layout
  15. 15:15Outro

Related resources