scroll-hover-effects/count-up-stats
Count-up stats section: numbers roll up like an odometer on entering view, with sparklines that draw on in sync.
alle · standard · freedesignmd · Insel · 2 Slots
Count-up Stats — ueberschrift (h2, 72 Zeichen)
Count-up Stats — vorspann (p, 240 Zeichen)
Freight payments that settle before the truck is unloaded.
Shipments tracked this year
Freight value insured
On-time delivery rate
Avg. invoice settlement
Trusted by 1,940 carriers and shippers across 31 countries.
scroll-hover-effects/horizontal-pin-gallery
Horizontal scroll gallery in React: vertical scroll drives a pinned track of project cards, with parallax and a counter.
alle · standard · freedesignmd · Insel · 2 Slots
Horizontal Pin Gallery — ueberschrift (h2, 72 Zeichen)
Horizontal Pin Gallery — vorspann (p, 240 Zeichen)
Buildings that age well.
An architecture practice in Copenhagen and Lisbon. Six recent projects, scroll to walk through them.
38 more projects in the archive →
scroll-hover-effects/hover-transitions
Eight hover effects for React profile cards: morph blob, diagonal wipe, pixel dissolve, iris, slices, focus and a liquid lens.
alle · standard · freedesignmd · Insel · 2 Slots
Hover Transitions — ueberschrift (h2, 72 Zeichen)
Hover Transitions — vorspann (p, 240 Zeichen)
Northlight Labs, Team
Eight people. Every agent we ship.
Hover or tap a portrait, every card uses a different transition.
scroll-hover-effects/image-ripple
Image ripple effect with WebGL: your cursor drags a live water simulation that refracts the photo with a chromatic edge.
alle · standard · freedesignmd · Insel · 2 Slots
Image Ripple — ueberschrift (h2, 72 Zeichen)
Image Ripple — vorspann (p, 240 Zeichen)
Slowtrail · Winter 2026 collection
Places that make you stop scrolling.
Small-group journeys to the world's quietest edges. Run your cursor over the water, then plan the trip you've been putting off.
scroll-hover-effects/magnetic-cursor-grid
Magnetic cursor grid: portfolio tiles that tilt and lift toward a spring cursor that morphs from dot to ring to label.
alle · standard · freedesignmd · Insel · 2 Slots
Magnetic Cursor Grid — ueberschrift (h2, 72 Zeichen)
Magnetic Cursor Grid — vorspann (p, 240 Zeichen)
scroll-hover-effects/marquee-velocity
Velocity marquee for React: infinite text tickers that speed up, skew and reverse with scroll velocity.
alle · standard · freedesignmd · Insel · 2 Slots
Velocity Marquee — ueberschrift (h2, 72 Zeichen)
Velocity Marquee — vorspann (p, 240 Zeichen)
Built for
the last mile.
Hover a row to stop it. Scroll up and the rows run backwards for a beat. Drop 04 ships 12 November, members get 48 hours early.
scroll-hover-effects/scroll-split-card
Scroll animation card in React: a pinned card splits into three panels that fan out in 3D and flip to reveal services.
alle · standard · freedesignmd · Insel · 2 Slots
Scroll Split Card — ueberschrift (h2, 72 Zeichen)
Scroll Split Card — vorspann (p, 240 Zeichen)
Services
One studio. Three ways in.
Pick your starting point
Wherever you are, we meet you there.
Starting from a blank page
You have conviction and a deadline. We turn it into a product people can hold, strategy, brand and a shippable v1.
- Positioning & naming sprint
- Clickable prototype in 10 days
- Production v1 with analytics
Scaling what already works
Traction is real; the product is creaking. We embed with your team to rebuild the core without stopping the train.
- Design system & component library
- Growth loops and onboarding
- Platform & performance work
When it has to ship by Friday
A launch slipped or a feature is on fire. A senior strike team scopes in a day and delivers in a week.
- 24-hour scoping call
- Senior-only, no handovers
- Fixed price, fixed date
scroll-hover-effects/sticky-storytelling
Scrollytelling section for React: pinned media morphs between four states while text steps scroll past a progress rail.
alle · standard · freedesignmd · Insel · 2 Slots
Sticky Storytelling — ueberschrift (h2, 72 Zeichen)
Sticky Storytelling — vorspann (p, 240 Zeichen)
Helix Bio, the lab operating system
From hypothesis to signed result in one loop.
test 12 compounds against KRAS-G12C
dose 10 µM → 0.5 nM, half-log, 11 points
replicates 3 · controls DMSO, sotorasib
readout luminescence @ 24 h
✓ compiled · 384 wells · 2 plates
01Design
Write the protocol once. In plain language.
Describe the experiment the way you’d explain it to a colleague. Helix compiles it into a validated plate map with controls, replicates and randomised well positions.
38 minmedian time from idea to a runnable 384-well plan
02Run
Robots run it overnight. You sleep.
Plans dispatch to liquid handlers, incubators and readers across your bench. Every pipetting step is logged with volume, tip and timestamp, no more lab-notebook archaeology.
11,204plates executed last month across 62 partner labs
03Analyse
Results arrive already curve-fitted.
Dose–response fits, Z′ factors and outlier flags compute as the reader streams. Bad wells are caught at 3 a.m., not at Monday stand-up.
Z′ 0.81average assay quality on the platform this quarter
04Share
Every result is reproducible by default.
Publish the protocol, raw reads and analysis as one signed bundle. A collaborator in Basel can rerun your exact experiment on their own hardware.
94%of shared runs reproduced within ±5% on first attempt
scroll-hover-effects/text-reveal-scroll
Scroll text reveal: a manifesto whose words light up as you scroll, with hand-drawn marker underlines on key words.
alle · standard · freedesignmd · Insel · 2 Slots
Text Reveal on Scroll — ueberschrift (h2, 72 Zeichen)
Text Reveal on Scroll — vorspann (p, 240 Zeichen)
Our manifesto
scroll-hover-effects/zoom-parallax
Zoom parallax scroll effect: a full-bleed hero shrinks into a seven-tile mosaic as surrounding tiles drift into place.
alle · standard · freedesignmd · Insel · 2 Slots
Zoom Parallax — ueberschrift (h2, 72 Zeichen)
Zoom Parallax — vorspann (p, 240 Zeichen)







212 small-group journeys · 41 countries · guides who live there







