BITON is a free, open library of real, working websites — for people and AI agents. Every card below opens a live site you can click through. No fake counts, no paywall, no sign-up.
16 live sites · 13 websites · 3 mobile apps · 1 MCP · $0, free forever
A common language for people who make things
BITON brings useful interface references into one focused workspace, so you spend less time hunting and more time making.
Browse real, working websites by type — live sites and mobile app UIs. Less noise, better references. Every card opens the real thing.
Understand the layout, hierarchy, and details that make an interface feel right — then check the real palette on every card.
Search by what you are building, not just by what looks pretty. And if you build with an AI agent, the MCP gives it the whole code.
Every card below is a real, working site. Search or filter to find a starting point, then open it and click through.
16 live sites
Coastal escapes, open sea.
Open live site ↗Delivered fresh, every week.
Open live site ↗Small-business finance at a glance.
A music festival site.
Slow travel, done properly.
Open live site ↗Not the other way round.
At your door.
Open live site ↗
Plan, pick, book.
Notes that save in your browser.
Open live site ↗Real-date habit streaks.
Send, freeze a card, watch it update.
Progress from your real taps.
Working cart, real totals.
Open live site ↗.html file into sites/ (or categories/<category>/), redeploy on Vercel, and it shows up here as a card on its own — no home-page edit needed. Its clean address is /<file-name>, for example /pulse-fitness.Search, menus, a cart that adds up live, and checkout that creates a real order with a timestamp.
Open Crave ↗Send drops your balance and adds the transfer to Activity. Freeze and unfreeze actually work.
Open Vault Bank ↗Real-date streaks — nothing fills in until you actually check in.
Open Streak ↗2 sites · Finance
3 sites · Food & Drink
3 sites · Travel
The real palette of every live site. Tap a swatch to copy its hex.
The goal is not to copy someone else's work. It is to notice the decisions, collect useful patterns, and make a better version for your own project.
Explore the workflow →Start with a category, a style, or a problem you need to solve. Find references that have a reason to be there.
Look at spacing, type, hierarchy, and interaction. Save the decisions, not just the screenshot.
Use what you learned to shape an interface that fits your product, audience, and constraints.
BITON MCP is the easy way in. No key, no sign-up, no install. Your agent lists the live pages, then asks for one by its slug — and gets its whole code back, not just a palette. It should read all of it before rebuilding from it.
Use BITON at https://biton.is-a.dev — a free, open library of real, working websites. First call https://biton.is-a.dev/api/mcp?tool=list_pages to see every live page. Then call https://biton.is-a.dev/api/mcp?tool=get_design&slug=<slug> for the page you want, and read its whole 'code' field before you rebuild from it. Do not invent view counts, reviews, or rankings for it.
Try it live: list_pages · get_design — Pulse Fitness · get_design — Drift
A few things worth knowing about BITON.
Explore the visual language. Find a direction. Then build something unmistakably yours.
Explore the library ↗