
Santibnb Component Library
A pixel-accurate, limited Airbnb clone converted into a reusable component library to jumpstart future on-brand prototypes

A pixel-accurate, limited Airbnb clone converted into a reusable component library to jumpstart future on-brand prototypes
A partial Airbnb clone built in Bolt, then extracted into a reusable component library so future prototypes start on-brand instead of rebuilding the chrome each time. The idea: build the kit once, duplicate it for each new prototype, and spend tokens on the feature instead of the pixels.
AppProvider context handling page navigation, selected listing, category filter, wishlist, and search paramsBolt running Opus 4.6 (free Opus tokens the weekend after launch!) did the build. Screenshots of Airbnb's site drove most of the component work, with a React HTML extension pulling real code from airbnb.com where a screenshot wasn't specific enough. The Feeling Lucky button's clover icon came from ChatGPT. Runtime stack is React 18, TypeScript, Vite, Tailwind, shadcn/ui, Lucide, Embla Carousel, and date-fns.