Landing Pages

Open source

Landing pages with distinct visual worlds and a personality of their own.

About

Landing Pages explores what Next.js, Tailwind CSS and shadcn/ui can become when the components are fully customized. Each site has its own typography, palette, copy, motion and interactions. The projects are independent: each can be installed, modified and deployed on its own.

Ficelle, Aparté, Passeline and Écrin interpret the same fictional gift-delivery service through parcels, editorial design, an illustrated town and a cinematic gift box. Crux becomes a bouldering club, while Marée is a coastal bath house. Offcut introduces a furniture atelier with original wooden objects and a Three.js finish configurator. Fallow unfolds an imaginary garden across four WebGL chapters, from a seed to a flowering landscape.

The showcase brings together live demos and source code to explore the different directions and the design choices behind them. The projects include responsive layouts, micro-interactions and reduced-motion support. The code is available under MIT; third-party fonts and images retain their own licenses.

Features

  • Standalone sites, each with its own art direction
  • Fully customized shadcn/ui components built with Next.js and Tailwind CSS
  • Scroll animations, transitions and micro-interactions tailored to each world
  • Fallow: a procedural Three.js garden in four interactive chapters
  • Offcut: original 3D furniture and a real-time finish configurator
  • Public demos, MIT source code, responsive layouts and reduced-motion support

Stack

  • Next.js
  • Tailwind CSS v4
  • shadcn/ui
  • React
  • TypeScript
  • Three.js
  • Motion

Info

Platform
Web
License
MIT
Visit the siteView the code