Dark Mode Light Mode
Newsletter OS
3D UI Interactive Web Design with Spline
Rank Expand Academy

3D UI Interactive Web Design with Spline

A beginner-friendly Spline 3D web design course covering 3D icons, UI animations, scroll interactions, and publishing to the web.

This course teaches you Spline 3D web design from scratch, no prior 3D experience needed.
You go from basic shapes to publishing a fully interactive 3D site in 14 step-by-step sections.

The course runs about 3 hours across 14 sections. It starts with Spline's core interface, then walks you through building 3D shapes and applying materials.
You sculpt a weather icon, animate it, and work with path and wave animations.

From there, the focus shifts to UI work. You build a 3D card with a parallax effect and a glass tab bar with a floating button
You create reusable button components and set up adaptive layouts using screen resize events and breakpoints.

Source files, design templates, video downloads, ePub files, and English and Chinese subtitles are all included.

What you will learn:
Build 3D icons, animate them, and apply materials and sculpting techniques.
Create reusable components and adaptive layouts with breakpoints and transitions.
Use variables to power interactive UI charts and data-driven design.
Set up scroll-based interactions and multi-scene flows for web pages.
Export and publish 3D assets — including AR-ready USDZ files and embedded web scenes.

💡

Ideal for: UI designers and web designers who want to add 3D to their sites without coding.

SIZE: 1.31 GB
PREVIEW
Previous Post

Newsletter OS

Next Post

Rank Expand Academy

🔒 Unlock 4,000+ files today.

Get Access ($5.95)