Glass Scroll turns any vertical media stack into a premium, physics-inspired glass moment. A fixed cylindrical “pill” sits on your section while images (or type) scroll underneath. Through the center of the glass the content stays clear and readable. At the top and bottom curved edges, thick-glass refraction takes over: light bends, RGB fringes appear, and forms can invert or “disconnect” as they pass the rim — the feel of a real 3D glass capsule, not a frosted blur.
• Fixed glass pill with clear center and strong top/bottom refraction
• Edge invert for thick-glass fold-over at the rims
• RGB chromatic fringe tunable at the edges
• Scroll images array (up to 12) plus alternate image slots
• Cover / contain image fit
• Text fallback when no images are set
• Auto-scroll with speed and pause on hover
• Glass width %, height, and vertical position
• Edge bend, edge invert, pill sphere, edge light, specular, glass tint
• Fashion and lookbook heroes
• Product and campaign stills
• Agency landing pages
• Editorial vertical scroll sections
• Portfolio intros
• Type-only kinetic sections
Scroll-synced dual-layer portal. Thick horizontal capsule optics: clear center, cylindrical bend, rim inversion. No full-surface blur. Self-contained Framer code component with full Property Controls.
Glass Scroll turns any vertical media stack into a premium, physics-inspired glass moment. A fixed cylindrical “pill” sits on your section while images (or type) scroll underneath. Through the center of the glass the content stays clear and readable. At the top and bottom curved edges, thick-glass refraction takes over: light bends, RGB fringes appear, and forms can invert or “disconnect” as they pass the rim — the feel of a real 3D glass capsule, not a frosted blur.
• Fixed glass pill with clear center and strong top/bottom refraction
• Edge invert for thick-glass fold-over at the rims
• RGB chromatic fringe tunable at the edges
• Scroll images array (up to 12) plus alternate image slots
• Cover / contain image fit
• Text fallback when no images are set
• Auto-scroll with speed and pause on hover
• Glass width %, height, and vertical position
• Edge bend, edge invert, pill sphere, edge light, specular, glass tint
• Fashion and lookbook heroes
• Product and campaign stills
• Agency landing pages
• Editorial vertical scroll sections
• Portfolio intros
• Type-only kinetic sections
Scroll-synced dual-layer portal. Thick horizontal capsule optics: clear center, cylindrical bend, rim inversion. No full-surface blur. Self-contained Framer code component with full Property Controls.
