# Membuat Animasi Interaktif: UI Morphing & Glow Reaktif di Hana (Langkah demi Langkah) - Spline Academy (https://spline.design/id/academy/tutorials/build-interactive-animations-morphing-ui-reactive-glow-in-hana-step-by-step)

> Siap membuat UI Anda terasa hidup? Dalam tutorial Hana langkah demi langkah ini, kita membedah cara membangun antarmuka yang luwes dan responsif, yang…

1. [Academy](https://spline.design/id/academy)
2. [Tutorial](https://spline.design/id/academy/tutorials)
3. Membuat Animasi Interaktif: UI Morphing & Glow Reaktif di Hana (Langkah demi Langkah)

# Membuat Animasi Interaktif: UI Morphing & Glow Reaktif di Hana (Langkah demi Langkah)

HanaPemula13 mnt

Siap membuat UI Anda terasa hidup? Dalam tutorial Hana langkah demi langkah ini, kita membedah cara membangun antarmuka yang luwes dan responsif, yang bereaksi terhadap input pengguna layaknya organisme hidup.

💬 Ada pertanyaan? Tulis di kolom komentar di bawah!

👍 Jangan lupa like dan subscribe untuk tutorial dan berita Spline lainnya

Tautan: 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Spline Docs → <https://docs.spline.design> 👋 Spline Community → <https://app.spline.design/community>

Media sosial kami: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

## Ikhtisar

- Hana
- 13 mnt
- Pemula

## Tutorial terkait

[Semua tutorial](https://spline.design/id/academy/tutorials)

[Cara Belajar Desain 3D dengan Spline: Peta Jalan Praktis dari Pemula hingga MahirSpline 3DPemula8 mnt](https://spline.design/id/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Membuat Teks 3D Refraktif di HanaHanaPemula7 mnt](https://spline.design/id/academy/tutorials/creating-refractive-3d-text-in-hana)[Cara menambahkan interaksi Drag & Drop 3D di Spline | Tingkatkan situs web Anda hanya dengan beberapa klikSpline 3DPemula5 mnt](https://spline.design/id/academy/tutorials/how-to-add-a-3d-drag-drop-interaction-in-spline-level-up-your-website-in-just-a-few-clicks)

[Spline](https://spline.design/id)

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

- [Web](https://spline.design/id/web)
- [iOS](https://spline.design/id/ios)
- [Android](https://spline.design/id/android)

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/id/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solusi](https://spline.design/solutions)

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

- [Syarat & Ketentuan](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Kontak

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.