
Landing Pages
Open sourceLanding 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