8 sites that stop AI from building look-alike websites
Why AI-built sites all look the same, and which libraries help your agent do better: effects, AI app states, ready-made parts and a plan before the code.
When everyone uses the same AI assistants, everyone ships the same site: the same font, the same cards, the same spinning loader. The good news: some sites are written for your AI agent to read. It takes a ready component from there and wires it into your project.
Here are 8 of them, grouped by four jobs. Prices checked in October 2026.
1. Effects for landing pages
What an agent struggles to write from scratch: scroll animations, cursor effects, living backgrounds.
- ObsidianUI — animated React blocks. The key part: every block has an instruction page for agents. Give your agent the link and it sets everything up. Free.
- OriginKit — over 500 animated blocks, with lots of backgrounds. Can connect to your agent directly. Limited free plan; the full library starts at $79 a year.
- Bencho — small living interactions: swipe, drag, pull to refresh. You can try each one right on the site. Free.
2. What an AI app looks like while it "thinks"
Most AI apps have one loader for everything. These two sites give you dozens of states: thinking, streaming an answer, waiting for approval, change tables.
- BeautifulUI — stronger on tables, task lists and agent screens. Free.
- AICSS — stronger on the chat itself and the prompt box; works with Vue and Svelte as well as React. Core blocks free, full version $89 once.
3. Everyday interface parts
Forms, dialogs, tables, date pickers: the "boring" 80% of any app.
- coss/ui — about 55 basic parts and hundreds of ready blocks. It ships a skill for your AI assistant so it stops inventing component settings. Free.
- Componentry — 53 animated blocks your agent adds by name without you opening the site. Free.
4. A plan before the code
- Stage — not a library but a planning app: research, style, screens and the list of libraries to use. The result is a detailed brief that Cursor, Claude Code or Codex follow, so the site stops looking like everyone else's. 14-day trial, then from $29 a month.
Where to start
- Pick the one job of the four where your site looks weakest right now.
- Find the library you need by name and ask your agent to add one specific block.
- Compare before and after. Better? Add the next one.
Collection: Source - The Vibe Coder Toolkit V3 (by Adrien Ninet).
Subscribe to the newsletter
New notes and collections, straight to your inbox. No spam.