Landingpages · 13 complete websites

Free landing pages. Whole websites, in motion.

Every free landingpage here is a complete single page with scroll choreography, a real nav and footer, and responsive layouts down to 390 px. The file you copy is the file that runs in the preview — React only, styles included.

Browse landingpagesHow the copy works
  • Full source, not a snippet
  • No signup, MIT-style use
  • DESIGN.md for AI agents

All landingpages

Prism landing page for ai · creative tools: Apple-style Liquid Glass landing page for an AI product-photography studio.

AI · Creative tools · Liquid Glass · Mesh

Prism.

Apple-style Liquid Glass landing page for an AI product-photography studio.

  • SVG refraction Liquid Glass
  • Nav condenses to glass capsule
  • Draggable spring lens
  • Pointer + scroll parallax hero
  • Sticky scenes with depth layers

One file · React only

Get the landingpageOpen live
Halcyon landing page for hospitality: Boutique hotels on the Amalfi coast and in Kyoto — golden hour to dusk as you scroll.

Hospitality · Warm Luxury Editorial

Halcyon.

Boutique hotels on the Amalfi coast and in Kyoto — golden hour to dusk as you scroll.

  • Time-of-day hero
  • Layered parallax
  • Docking booking bar
  • Clip-path reveals
  • Pinned horizontal gallery

One file · React only

Get the landingpageOpen live
Vault landing page for fintech: Monochrome business-banking site with a dashboard that assembles as you scroll.

Fintech · Monochrome · Swiss

Vault.

Monochrome business-banking site with a dashboard that assembles as you scroll.

  • Headline mask reveal
  • Live balance odometer
  • Spring pointer tilt
  • Sticky dashboard assembly
  • Pinned horizontal rail

One file · React only

Get the landingpageOpen live
Clara landing page for healthcare: Primary care and a virtual clinic that has time for you.

Healthcare · Calm Clinical · Rounded

Clara.

Primary care and a virtual clinic that has time for you.

  • Breathing gradient orb
  • Spring time-slot picker
  • Sticky morphing storytelling
  • Count-up stats
  • Logo marquee

One file · React only

Get the landingpageOpen live
Atelier Nord landing page for fashion / e-commerce: Scandinavian fashion e-commerce — monochrome, condensed, art-directed.

Fashion / E-commerce · Monochrome High-Fashion

Atelier Nord.

Scandinavian fashion e-commerce — monochrome, condensed, art-directed.

  • Letter scrub masthead
  • Zoom-parallax lookbook
  • Quick-add morph
  • Swatch cross-fade
  • Spring cart drawer

One file · React only

Get the landingpageOpen live
Ares landing page for space & habitat: A home on Mars — scroll down from low orbit to the surface of Jezero Crater.

Space & Habitat · Retro-Future Rust

Ares.

A home on Mars — scroll down from low orbit to the surface of Jezero Crater.

  • Orbit-to-surface descent hero
  • Dust-devil pointer
  • Live Mars sol clock
  • Scroll-scrubbed word reveal
  • Floor plan draws itself

One file · React only

Get the landingpageOpen live
Forge landing page for developer tools: Dark, hairline dev-tool site where the CI pipeline runs as you scroll.

Developer Tools · Hairline · Dark

Forge.

Dark, hairline dev-tool site where the CI pipeline runs as you scroll.

  • Terminal typing hero
  • Scroll-drawn PR timeline
  • Auto-review comments pop in
  • Scroll-scrubbed pipeline Gantt
  • Cursor spotlight on hairlines

One file · React only

Get the landingpageOpen live
Selene landing page for space & research: A lunar base for research and quiet — Earth rises as you scroll, footprints print themselves.

Space & Research · Quiet Lunar Monochrome

Selene.

A lunar base for research and quiet — Earth rises as you scroll, footprints print themselves.

  • Raking-light terrain
  • Rising Earth parallax
  • Scroll-printed footprints
  • 1/6 g cursor physics
  • Word-by-word sunrise

One file · React only

Get the landingpageOpen live
Orbit landing page for saas / developer platform: A developer-platform launch page built as a solar system — scroll to fly the camera inward through every orbit.

SaaS / Developer platform · Cosmic Technical Dark

Orbit.

A developer-platform launch page built as a solar system — scroll to fly the camera inward through every orbit.

  • Orbital camera zoom
  • Streaming star field
  • Pinned planetary hero
  • Sticky ring scrollspy
  • Typing terminal

One file · React only

Get the landingpageOpen live
Noir landing page for luxury fragrance: A perfume house in black, bone and a single amber — smoke you can stir, a flacon the light walks across.

Luxury Fragrance · Cinematic Noir Luxury

Noir.

A perfume house in black, bone and a single amber — smoke you can stir, a flacon the light walks across.

  • Cursor-stirred smoke canvas
  • Letter-rise title
  • Word-by-word manifesto
  • Scroll light sweep on SVG bottle
  • Pinned horizontal notes

One file · React only

Get the landingpageOpen live
Arcade OS landing page for gaming: An indie game studio that boots like a 1996 desktop — every section is a draggable window.

Gaming · Retro OS Pixel

Arcade OS.

An indie game studio that boots like a 1996 desktop — every section is a draggable window.

  • BIOS boot sequence
  • Draggable focusable windows
  • Minimise to taskbar
  • CRT scanlines + glow toggle
  • Playable canvas Snake

One file · React only

Get the landingpageOpen live
Terra landing page for climate & agtech: Regenerative farming where the page itself grows — sky to root zone as you scroll.

Climate & AgTech · Organic Earth Editorial

Terra.

Regenerative farming where the page itself grows — sky to root zone as you scroll.

  • Scroll-grown cross-section
  • Procedural roots draw down
  • Falling carbon particles
  • Season palette slider
  • Contour lines draw in

One file · React only

Get the landingpageOpen live
Kiln landing page for creative studio / ceramics: A ceramics studio whose entire portfolio is an infinite canvas you drag, zoom and fly through.

Creative Studio / Ceramics · Warm Raw Clay Craft

Kiln.

A ceramics studio whose entire portfolio is an infinite canvas you drag, zoom and fly through.

  • Infinite pan/zoom canvas
  • Drag momentum
  • Depth parallax
  • Camera fly-to
  • Minimap

One file · React only

Get the landingpageOpen live

What you copy is what you saw. Every byte of it.

Free landingpages usually stop at the hero, or hand you a stripped-down snippet. These ship the whole page as one file — the exact file behind the live preview.

Full source, one file

A single Page.tsx with every section, interaction and style. Imports React and nothing else.

Reset-proof styles

Scoped CSS lives inside the file and sets every property it relies on, so Tailwind, Bootstrap or no reset all render the same page.

Motion that ships

Sticky scenes, scroll-scrubbed timelines, springs and reveals — all with reduced-motion fallbacks.

DESIGN.md included

Tokens, layout, components and motion written down, so Claude, Cursor or Lovable can extend the page without drifting.

Questions. About free landingpages.

Yes. Every landingpage is free to download, remix and use in personal and commercial projects. No signup, no paywall, no attribution required.

Open a template and click Copy full source or Download .tsx. You get one self-contained React file — every section, animation and style — byte-identical to the live preview. Drop it into any React 18+ project and render the Page component.

No. The templates import only React. Styles live in a scoped style block inside the file and set every property they depend on, so they look the same with Tailwind preflight, Bootstrap or no CSS reset at all.

Yes. The markup is semantic HTML and the CSS is plain, so you can port a template to Astro, Vue or static HTML by keeping the style block and replacing the few React effects that drive the scroll animations.

Every landingpage respects prefers-reduced-motion (sticky scenes unpin, parallax and loops stop), plus prefers-reduced-transparency and prefers-contrast where glass or subtle text is used. Controls are real buttons and inputs with keyboard support.

It describes the template's tokens, type scale, layout, components and motion choreography. Paste it into Claude, Cursor or Lovable as context and new screens you generate will match the template instead of drifting.