Why it worked
It directly addresses a user's request for code by showing the exact solution on the creator's own platform, providing immediate value and social proof.
Summary
The video demonstrates an interactive 'Jelly Slider' UI component on the Webleb website. It then shows the user navigating through the various code files (HTML, CSS, JS) that power the component.
Structure
- 1Showcase the interactive UI element
- 2Navigate to the code repository
- 3Scroll through the technical implementation files
Product placement
The entire video is a screen recording of the Webleb platform showing a specific code snippet.
On-screen text
Reply to Michael's comment
drop the code
100%
11%
1%
Explore UI Elements
Animated Jelly Slider
Code Here
index.ts
cameras.ts
constants.ts
dataTypes.ts
events.ts
numbers.ts
slider.ts
utils.ts
index.html