UltraKit · Element #180

Scroll stories, made with GSAP

Eight hand-tuned scroll scenes powered by GSAP and ScrollTrigger. Pick a scene, drop in your words and photos, and the motion is already designed for you.

Scroll to explore
EIGHT SCENES · ONE ELEMENT

Every scene below is the same GSAP Scroll Scenes element with a different scene picked — framed the way a real business would use it.

Pinned horizontal galleryZoom-window revealStacking cardsStatement fillDrawn timelineSplit-letter heroScrubbed countersVelocity marquee
SCENE 02Pinned horizontal galleryMade for: an architecture studio’s “Selected work”

Brooks & Hale Architects · Portland, OR

Homes shaped by light and land

Six projects from fifteen years of quiet, sun-filled houses across the Pacific Northwest.

202501

Hillside House

A cedar home stepped into a slope above Hood River, with every room facing the gorge.

202402

Courtyard Pool House

A low concrete house in Palm Springs wrapped around a shaded courtyard and lap pool.

202203

Timber Studio

A mass-timber workshop for a furniture maker, built in eleven weeks from local Douglas fir.

201904

Pearl District Lofts

Forty light-filled lofts over a public plaza in downtown Portland.

201405

Coastal Gallery

A small white gallery on the Oregon coast, lit almost entirely from above.

200906

The First Stair

Our very first commission: a spiral stair for a Seattle townhouse.

SCENE 03Zoom-window revealMade for: an outdoor travel company’s featured trip

Summer 2026 · Southern Utah

Find your quiet place

Six-day guided canyon trips for small groups of eight. Camp under dark skies, hike at sunrise, eat well every night.

See trip dates
SCENE 04Statement fills word by wordMade for: a founder letter on a bakery’s About page

Our story · Since 2011

We opened Corner Loaf with one oven, a borrowed mixer and a promise to bake everything by hand before sunrise. Fifteen years later the oven is bigger, the line is longer, and the promise has not changed one bit.

Visit the bakery
SCENE 05Stacking cardsMade for: a digital agency’s services page

Northline Studio · What we do

Four ways we grow your brand

One small senior team, from first workshop to launch day and beyond.

01Weeks 1–2

Brand strategy

Workshops with your team and customers to find the one thing you should be known for.

02Weeks 3–6

Website design

Wireframes, then pixel-perfect pages with motion that feels like you.

03Weeks 6–10

Development

Fast WordPress builds your team can edit on day one, tested on every screen.

04Ongoing

Growth & SEO

Monthly content, search and conversion work, with a plain-English report.

SCENE 06Drawn timelineMade for: an outdoor gear brand’s company history

Ridgeway Outfitters · Bend, Oregon

Thirty years on the trail

From a garage in Bend to gear shops in eleven states.

1996

A garage and a sewing machine

Dana and Luis Ortega stitch their first twenty backpacks for friends.

2003

The two-person tent

Our lightest tent ever becomes the bestseller it still is today.

2011

Trail crews program

Every store adopts a local trail and maintains it twice a year.

2018

Climbing line

Harnesses and packs designed with guides from Smith Rock.

2026

Thirty years

Eleven states, 240 employees and one rule: build it to last.

SCENE 07Scrubbed countersMade for: a river nonprofit’s annual impact report

Clear Creek Alliance · 2025 report

A year of cleaner rivers

Thanks to 3,200 volunteers across Oregon and Washington.

48,210

Pounds of trash removed

From 64 creeks, rivers and lake shores.

12,400

Native trees planted

Shading streams and cooling the water for salmon.

$1.8M

Raised for restoration

Every dollar went to work on the water.

26,500+

Volunteer hours

Weekend crews, school groups and local businesses.

SCENE 08Velocity marqueeMade for: a summer music festival lineup

Riverfront Sound · Portland · July 17–19

The Low PinesJune AvenueNight FerryCopper WolvesEllis & RaeGolden Hour Club
Golden Hour ClubEllis & RaeCopper WolvesNight FerryJune AvenueThe Low Pines

Three days, two stages, forty-two artists. Scroll faster and the lineup speeds up with you.

Get weekend passes
GOOD MANNERS

Scenes run on GSAP and ScrollTrigger, soften every scroll with a gentle lag, stay still for visitors who prefer reduced motion, show a finished static layout in the Elementor editor, and can switch to simple fade-ups on phones.

GSAP 3 + ScrollTriggerSplitText · DrawSVG · ScrambleTextReduced-motion awareEditor shows the static layoutPhone: full or simpleReadable without JavaScriptWorks with Motion Effects (#179)