Navigation · Hyperblur

Home

THIS WEEK

31.4 km

4 runs, 2h 48m moving

MOMaya OkaforRan 8.2 km along the river2m

JWJonas WeberJoined Saturday Long Run14m

PRPriya RamanNew 5K best: 23:411h

Explore

Routes, clubs, people

Near meUnder 5 kmTrailsFlat

Trail loops

Track nights

Hill repeats

Easy 5K

Inbox

MOMaya OkaforSee you at 7 by the bridge?2m

JWJonas WeberRoute for Sunday is up14m

PRPriya RamanThanks for the pacing!1h

LHLeo HartShoes arrived, trying them3h

Activity

72%of weekly goal

Tempo run, 6.4 kmAvg pace 4:58 /kmToday

AR

Ana Ribeiro

Lisbon Harriers, since 2024

412km

58runs

21kudos

Nav Tab Bar

A mobile bottom tab bar with a glowing blob that springs and squashes to the active tab, count and dot badges, and arrow key support. The preview shows it inside a phone whose screens slide with the selection.

↗

Nav App Header

A light app header with a workspace breadcrumb and live status, a search button with a Cmd K shortcut, notifications and an account menu, over a row of tabs with counts and a sliding underline.

↗

Nav Side Dock

A vertical icon dock pinned to the side of an app. Icons swell as the pointer passes over them, a slow wave runs through the dock while idle, and tooltips, badges and an active indicator sit beside each icon.

↗

Navbar Prism Glass

A floating frosted bar whose blur, tint and shadow deepen as the page scrolls, with a specular sheen and a lit rim that follow the pointer. The active link carries a softly pulsing glow dot.

↗

Navbar Morph Underline

A documentation header whose underline crawls between links like an inchworm: the leading edge moves first and the trailing edge catches up. On narrow screens the links become a scrollable tab strip that keeps the same underline.

↗

Navbar Magnetic

A studio header where every link leans toward the pointer and a soft chip stretches after it, then springs back with a slight overshoot. The call to action has a stronger pull and an arrow that straightens on hover.

↗

Navbar Spotlight

A pitch-black bar lit only where the pointer is: a flashlight reveals a dot grid, makes nearby labels glow and runs a beam along the bottom edge. Touch moves the light too, and idleAt can park it for a static hero.

↗

New Issue 48 · The winter field guide

Northbound.

Subscribe

Field guides Gear Routes Essays Photo Shop prints Newsletter Log in Subscribe

Navbar Scroll Shrink

An editorial masthead with a utility row, a large centered wordmark and a sections row that folds into a floating compact bar on scroll. The wordmark glides to the left, the sections rise into the same row and a ring around search tracks reading progress.

↗

Edge functionsRun TypeScript in 38 regions with cold starts under 5 ms.

Explore

Trusted by 4,200 engineering teamsSee the platform tour

Pricing Changelog Log in

Navbar Mega Preview

A header whose menus open a two-pane panel: a list of destinations on the left and a live illustrated preview on the right that redraws for whichever item is hovered or focused. Switching menus slides the list in the direction of travel.

↗

3 results

Navbar Command

An app header with a search field that stretches across the whole bar on focus or Cmd K, pushing the links aside and dropping grouped results with highlighted matches. Arrow keys move, Enter opens and Escape clears, then closes.

↗

Navbar Hamburger Morph

A studio header with a Menu pill whose lines fold into a cross while the label rolls to Close, and a full-screen menu that grows out of the button in a circle. Oversized numbered links rise in sequence, with contact, socials and availability beside them.

↗

Holiday cutoffShip by Dec 18 for guaranteed delivery before Christmas.See cutoff map

Ship Track Business Locations Support Sign in

Navbar Banner Stories

A header topped by an announcement strip that plays like stories: segments fill over time, messages roll vertically and hover pauses the run. Dismissing folds the strip away, and the bar below carries a tracking number field with validation.

↗

Navbar Split Logo

A fashion header with the logo centered between two link groups. Hovering a link draws a fine line from the logo out to it and turns the star mark toward that side, and the bag count pops when it changes.

↗

Navbar Floating Capsule

Three floating capsules for the brand, the links and the actions that glide together into one pill once the page scrolls. On small screens the pill itself grows into the menu, with staggered links and two full-width buttons.

↗

Navbar Vertical Rail

A header turned on its side: a sticky left rail with rotated, numbered links, a glowing marker that slides to the current page and a round call to action. Under 640px it becomes a top bar with a clip-path menu of large numbered links.

↗

Navbar Tabs Stretch

A project header with a row of tabs whose underline stretches like elastic: the leading edge races ahead and the trailing edge catches up. A ghost pill follows the pointer, counts sit in badges and the row scrolls with faded edges on phones.

↗

Navbar Search First

A docs header built around search: the field widens and pushes the links out of the way, scope chips show live counts, matches are highlighted and every result is reachable by keyboard. On phones a search button sweeps open into a full-width field with Cancel.

↗

Navbar Bottom Notch

A mobile bottom bar with a notch cut into the plate that slides to the selected tab, where the icon pops up into a floating accent bubble. Badges, a dot state, arrow keys and safe-area spacing are built in.

↗

Free shipping on orders over $150

Help Find a store USD

Fieldhouse.

Hello, sign inAccount

Navbar Commerce Rows

A three-tier store header: a rotating message strip, a row with search, account and a cart that opens a mini cart with quantity steppers and a free shipping meter, and a category row with mega panels. Phones get a stacked layout, scrolling chips and an accordion drawer.

↗

Navbar Theme Reveal

A navbar with a sun and moon switch that repaints the page with a circular wipe starting from the toggle itself. The icon morphs between moon and sun, and the new theme is committed when the wipe lands.

↗

Navbar Hero Fill

A transparent navbar over a full-bleed hero that fills in proportion to scroll: the background, blur, shadow, text color and height all follow one progress value instead of snapping. On phones a circular overlay opens with large staggered links and a focus trap.

↗

Navbar Dock Stacks

A dock across the top of an app whose tiles swell toward the pointer and bounce when pressed. Folder items open a stack that fans out in an arc of cards, which turns into a plain list sheet on phones.

↗

Navbar Breadcrumb Switcher

An app header where each breadcrumb is a switcher: team, project and environment open searchable lists with keyboard control. Picking a team cascades to its first project and environment, and changed crumbs swap in with a short blur.

↗

Lumen

Sign in Start free

Platform

Build

Trust

Lumen 4.2

Flows: journeys that react in under 200ms

Send the right nudge the moment a user hits a milestone, without a single cron job.

See what shipped

Also in ProductChangelog Roadmap Book a demo

By team

By stage

By industry

Customer story

How Fernway cut churn by 18% in one quarter

Their product team replaced four dashboards with a single retention view.

Read the story

Docs

Tools

Community

Open source

lumen-js passed 9,000 stars

The tracking SDK is MIT licensed and tree-shakes to 3.1 kB.

View on GitHub

Nav Mega Menu

A top bar whose triggers open a wide mega menu with three columns of icon links, a featured card and a footer strip. Opens on hover with an intent delay and is fully keyboard driven.

↗

Nav Floating Island

A centered floating pill nav with a springy highlight that slides between links, a search chip with a Cmd K shortcut and an account menu. It shrinks into a compact island when compact is set or the page scrolls.

↗

Harbor

Nav Sidebar Mobile

A mobile app bar whose animated hamburger opens a full-height drawer with grouped links, accordion sub-links, a search field and an account footer. Focus is trapped while open and Escape closes it.

↗

Nav Announce Split

A light header with a dismissible announcement strip, the logo on the left, centered links with a drawing underline, log in and a call to action on the right, and a hairline that fills as the page scrolls.

↗