Lerp

ShopiFrame

Visitshopiframe.com

Free previewPro opens every clip, exact specs and prompts.

Get Pro →
Intro · 1440 px · 7 s · 30 fps
Step frames · Pro

Full page · Pro

Framer 30 fps
Specs

The motion

ShopiFrame is known for Native scroll, pinned, parallax about 1.2×. Measured from frames; estimates from notes. Each fit includes its error.

Prompt

Prompt pack

The design presents a technical, developer-focused aesthetic set against a near-black background with a subtle grain texture. It combines precise grid-based diagrams and monospaced labels with bold, geometric sans-serif headlines to create a mood of engineered simplicity. The interface feels dense yet structured, using high-contrast white text and vivid green accents to guide attention through complex workflows. Distinctive elements include schematic illustrations of connected systems and frosted glass overlays that suggest depth without cluttering the view.

5 prompts in Pro Generated 25 Sep 2026

  • Recreate this site's feelEverything: look, layout, type, colour, motion and libraries, in one prompt.
  • Just the scroll feelSmoothing, what moves with scroll, pinned sections.
  • Just the introHow the page enters: sequence, curve, duration, stagger.
  • Just the hoversLinks, buttons and cursor: timings from the live CSS.
  • Just the type and colourFamilies, scale, weights, tracking and the palette with roles.

Pro opens every prompt with its measured values, and the tokens they are built from.

Unlock prompts with Pro

US$60/year or US$8/month. Cancel anytime.

Record

Capture record

Savedon 24 Sep 2026. Full pages, stills and key frames.

Pro opens the rest of the record: the whole page at each viewport, the key frames of every clip. See Pro

Captured

  1. 24 Sep 2026 Shown home · 1440 px · home · 390 px · key pages · 1440 px · key pages · 390 px
Notes

ShopiFrame (shopiframe.com): Native scroll, pinned, parallax about 1.2×.

dark · 5 effects · 1 measured · 30 fps clips

Motion
Intro, Scroll, Hover, Page transition
Libraries
Framer
Footage
1 clip, frame-stepped 30 fps
Captured
24 Sep 2026

near-black with faint grain. A small system diagram (Framer and a glowing Shopify tile on a fine grid, wired into a framed demo storefront) sits above a mono pill label and a large white two-line headline, with a bright green "Start for free!" pill.

Libraries detected

Stack as observed

Framer (React); motion: Framer appear animations (WAAPI, 12 appear effects, spring-sampled linear keyframes), 24 SVG SMIL <animate>/<animateMotion> elements in the hero diagram; the bundle contains Lenis, but a wheel jumps at once (native scroll).

Techniques

Techniques on this site

Each one taught on its own page: a live demo you can tune, how it works, and the code. Lerp smooth scroll, Parallax depth layers.

More like this

Similar motion and feel.

97 % alike
94 % alike
92 % alike
91 % alike
90 % alike
90 % alike