Dev Mode

Pinned Phone Scroll Feature Showcase

A four-step, viewport-paced feature story with a sticky phone mockup, high-resolution Yubo screens, and pastel backgrounds that follow each handoff as the page scrolls.

Key features

Four viewport-height feature steps with a continuously pinned phone stage
Scroll-position-driven screen, phone-pose, copy, and background-color changes
Four high-resolution Yubo screens stored locally from the supplied Mobbin captures
Side-by-side desktop and tablet compositions plus a phone-above-copy mobile sequence

Installation

npx tesseract-kit add pinned-phone-scroll-feature-showcase

Metadata

Type: Feature
Preview behavior: Scrollable · 4 viewport steps · min height 75% of width
Style: Animated, Product UI, Minimal
Typography: Display, Sans serif
Created: Aug 21, 2026
Last updated: Sep 21, 2026

Referenced Media

Trade page feature scroller beginning ‘Swap hundreds of thousands of tokens’https://metamask.io/trade

Similar sections

Worldwide Interactive Country Globe

Layered Employee Benefits Stack

Animated AI Capability Cloud

Veyra Cockpit Hero

Notebook Pricing Grid

Visitors Simplified Pricing

Frontier AI Model Comparison

Animated Security Capability Grid