Polaroid Cursor Nav
Portrait-studio header as a plain, fully editable Bricks tree: header > inner > bar (sunrise mark + serif wordmark + descriptor; place, live clock and availability chip; Book a sitting button; Menu toggle) > menu (a "Curso…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Polaroid Cursor Nav reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Footers and headers
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 7
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-accentACSS colour for the clip, current marker, badge, availability dot and CTA arrow
data-positionsticky pins the header and hides the demo stage
data-stagethe demo photo band under the header
data-metaplace, live clock and availability in the bar
data-ctabooking buttons
data-menu-revealhow the mobile sheet opens
Component props 2
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
labelWork
framepolaroid
sizem
followspring
anchorcursor
placementhang
swing8
trailstack
developTrue
captionTrue
dimTrue
numbersTrue
duration420
developDuration1100
easingspring
delay0
labelPortraits
url#portraits
showCountTrue
count48
showMetaTrue
metaDaylight sittings
showPreviewTrue
imagehttps://images.unsplash.com/photo-1531746020798-e6953c6e8e04?w=640
tiltauto
currentFalse
showBadgeFalse
badgeNew
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






