I Built 3 Interactive Web Assets with AI
2.7K views · 2026-09-23
UI Design
👀 Try my Interactive Assets Skill:
https://www.lovart.ai/skills/2pao9l8v8irk
Ever see an interactive website and think “this looks amazing, but I really don’t want to build that from scratch”? Same.
In this video, I’m building 3 interactive web assets: image trails, directional gaze and a draggable 360° object.
I created my own Interactive Assets Skill in Lovart to handle the production-heavy parts of the process, including generating different states and angles, automatic calibration, background removal and packaging the final interaction into HTML.
Then I can export the HTML, embed it straight into Framer and focus on designing the actual website around it.
✦ Try Lovart:
https://www.lovart.ai/?sourceId=904526
00:00 Static Designs → Interactive Assets
00:49 Image Reveal
02:00 Directional Gaze
02:46 How Automatic Calibration Works
03:30 Building My Lovart Skill
04:26 360° Product Rotation
04:56 More Interaction Ideas
05:34 The Final Workflow
05:42 Try My Skill
You can also create your own Lovart Skill from a workflow you keep repeating, so instead of rebuilding the same prompts and process every time, you can save the whole workflow and reuse it.
Thanks to @lovart_ai for sponsoring this video!
https://www.instagram.com/thedesignely/
#LOVARTSKILLS #Framer #WebDesign
https://www.lovart.ai/skills/2pao9l8v8irk
Ever see an interactive website and think “this looks amazing, but I really don’t want to build that from scratch”? Same.
In this video, I’m building 3 interactive web assets: image trails, directional gaze and a draggable 360° object.
I created my own Interactive Assets Skill in Lovart to handle the production-heavy parts of the process, including generating different states and angles, automatic calibration, background removal and packaging the final interaction into HTML.
Then I can export the HTML, embed it straight into Framer and focus on designing the actual website around it.
✦ Try Lovart:
https://www.lovart.ai/?sourceId=904526
00:00 Static Designs → Interactive Assets
00:49 Image Reveal
02:00 Directional Gaze
02:46 How Automatic Calibration Works
03:30 Building My Lovart Skill
04:26 360° Product Rotation
04:56 More Interaction Ideas
05:34 The Final Workflow
05:42 Try My Skill
You can also create your own Lovart Skill from a workflow you keep repeating, so instead of rebuilding the same prompts and process every time, you can save the whole workflow and reuse it.
Thanks to @lovart_ai for sponsoring this video!
https://www.instagram.com/thedesignely/
#LOVARTSKILLS #Framer #WebDesign