Sticky Media – Framer Component by Cian Yu GuoSticky Media – Framer Component | Contra
Sticky Media pins images, videos and YouTube clips to the viewport while the page scrolls. Each item is revealed by a scrolling window, so the media never moves or gets pushed away. The result is a calm, editorial scroll that works for hero sections and project showcases.
Features
Mix images, uploaded videos and YouTube in one list
Loop any segment of a video with start and end times
Videos autoplay muted and pause when off screen
Optional YouTube player controls
Overlay color, corner radius and sticky offset
Respects reduced motion preferences
Resize freely on the canvas
Best for
Portfolio and studio homepages
Project case study intros
Product and brand landing pages
Setup
Open the component link you receive after purchase. It installs into your Framer project.
Drop the component on your page and set width to Fill.
Set height to number of items x 100vh.
Make sure all parent frames have Overflow set to Visible.
Note: YouTube briefly shows its title bar while loading. Use an uploaded video for a fully clean background.
Support Questions or issues? Email: guocianyu@gmail.com
Live preview:
Get it for$9.00
Tags
Framer
No-Code
styled-components
Animator
UI Designer
Web Designer
Product created by
Cian Yu Guo Kaohsiung, Taiwan
Cian Yu's other products
Falling Tags – Framer Component
$9.00
Globe Arcs – Framer Component
$12.00
Get it for$9.00
Tags
Framer
No-Code
styled-components
Animator
UI Designer
Web Designer
Sticky Media pins images, videos and YouTube clips to the viewport while the page scrolls. Each item is revealed by a scrolling window, so the media never moves or gets pushed away. The result is a calm, editorial scroll that works for hero sections and project showcases.
Features
Mix images, uploaded videos and YouTube in one list
Loop any segment of a video with start and end times
Videos autoplay muted and pause when off screen
Optional YouTube player controls
Overlay color, corner radius and sticky offset
Respects reduced motion preferences
Resize freely on the canvas
Best for
Portfolio and studio homepages
Project case study intros
Product and brand landing pages
Setup
Open the component link you receive after purchase. It installs into your Framer project.
Drop the component on your page and set width to Fill.
Set height to number of items x 100vh.
Make sure all parent frames have Overflow set to Visible.
Note: YouTube briefly shows its title bar while loading. Use an uploaded video for a fully clean background.
Support Questions or issues? Email: guocianyu@gmail.com
Live preview:
Cian Yu's other products
Falling Tags – Framer Component
$9.00
Globe Arcs – Framer Component
$12.00
$9.00
Buy