Orbit Morph | Framer Component by Marco Ponce de LeónOrbit Morph | Framer Component | Contra

Orbit Morph is an infinite-looping media carousel for the hero, portfolio, or catalog section of a site. It runs horizontally or vertically, drags with momentum, responds to the mouse wheel and arrow keys, and loops forever with no visible seam.

Each caption lives inside its own slide instead of floating on top of the carousel, so titles move with the image and only appear as that slide reaches the center. Day or index tags sit beside a thin divider line between slides, and a running counter tracks position.

Features

Seamless infinite loop, no snap back at the ends
Horizontal or vertical flow, drag, wheel, and keyboard navigation
Titles anchored to each slide, six position options (behind, front, above, above front, below, below front), font linked to your project's text styles
Tag labels with divider lines, position and spacing controls
Autoplay with adjustable speed, interval, and seven easing curves
Optional liquid glass edge distortion, images only, so text always stays sharp
Supports images and video, mixed in the same carousel

Perfect for

Portfolio and case study strips
Product or lookbook carousels
Editorial "day by day" or "chapter by chapter" storytelling
Hero sections that need motion without a video file
Customization Layout (direction, size, radius or oval, gap), title (position, font, blend mode), tags (position, font, show or hide), counter, animation (autoplay, speed, interval, easing), liquid glass (strength, splay), and five color controls are all exposed in the property panel.

Compatibility

Framer code component (React and TypeScript). Works in any Framer project.
Responsive: desktop, tablet, mobile.
No external libraries or assets required.
Looks best on a dark or high contrast background.
Get it for$15.00
Tags
Framer
Framer Designer
Framer Developer
Product created by
Marco Ponce de León proSan Isidro, Peru
3
Followers
Marco's other products
Grid Pulse Scan
$20.00
Get it for$15.00
Tags
Framer
Framer Designer
Framer Developer

Orbit Morph is an infinite-looping media carousel for the hero, portfolio, or catalog section of a site. It runs horizontally or vertically, drags with momentum, responds to the mouse wheel and arrow keys, and loops forever with no visible seam.

Each caption lives inside its own slide instead of floating on top of the carousel, so titles move with the image and only appear as that slide reaches the center. Day or index tags sit beside a thin divider line between slides, and a running counter tracks position.

Features

Seamless infinite loop, no snap back at the ends
Horizontal or vertical flow, drag, wheel, and keyboard navigation
Titles anchored to each slide, six position options (behind, front, above, above front, below, below front), font linked to your project's text styles
Tag labels with divider lines, position and spacing controls
Autoplay with adjustable speed, interval, and seven easing curves
Optional liquid glass edge distortion, images only, so text always stays sharp
Supports images and video, mixed in the same carousel

Perfect for

Portfolio and case study strips
Product or lookbook carousels
Editorial "day by day" or "chapter by chapter" storytelling
Hero sections that need motion without a video file
Customization Layout (direction, size, radius or oval, gap), title (position, font, blend mode), tags (position, font, show or hide), counter, animation (autoplay, speed, interval, easing), liquid glass (strength, splay), and five color controls are all exposed in the property panel.

Compatibility

Framer code component (React and TypeScript). Works in any Framer project.
Responsive: desktop, tablet, mobile.
No external libraries or assets required.
Looks best on a dark or high contrast background.
Marco's other products
Grid Pulse Scan
$20.00
$15.00
Buy