Finds the pieces
for you.
Describe your project. Find a good place to start.
Taking away your freedom to Taking away your freedom to Build websites
Taking away your freedom to Build websites
badly.
Your next website starts with
a good idea. And the right pieces.
Components, sections and complete pages.
Pick, copy, adapt. Make it your own.
- HTML + React
- Ready to adapt
- From code to MCP
good design
doesn't come
from nowhere.
for a good reason.
doesn't come
from nowhere.
STOP
UGLY
WEBSITES.
badsiteUGLY
WEBSITES.
for a good reason.
Your workflow.
Your tools.
Less friction.
Your tools.
⌘ React</> HTML + CSSN Next.js≈ Tailwind CSS✳ Claude⌁ Codex
Good websites. Less friction.
Ready-made sectionsMore time
More time
creating.
Less time
struggling.
You don't have to start from scratch every time. Find a starting point with personality and save your energy for what makes the project yours.
Find my pieces
COPY.
PASTE.
MAKE IT
YOURS.
less repetition. PASTE.
MAKE IT
YOURS.
more direction.
Piece by pieceEverything
Everything
your website needs.
All in one place.
From the first wow to the final click.
MCP · Your agent, our piecesYou don't even
Bring the library to where
You don't even
need to visit.
Bring the library to where
you already create.
Connect Badsite to your agent. Ask it to find sections, combine components and put a page together with your creative direction.
Your idea. Your starting point.less busywork.
more website.
the direction. ☺
more website.
Claudethink, plan, create.
Codexfrom prompt to page.
BadsiteMCPlibrary connected.
your project.One good idea.
One great website.
you choose One great website.
the direction. ☺
- Connect
- Find
- Combine
- Create
Finds the pieces
Builds pages.
Not just blocks.
Combine sections into a complete page with a clear flow.
Code you can
make your own.
Adapt the content, style and interactions to your project.
You have
the final say.
Review, refine and publish when you're ready.
An idea for your first prompt
Use the Badsite library to create a landing page for a design studio. Find an editorial hero, a projects section and a CTA. Use React, keep a consistent visual identity and respect reduced-motion preferences.
Explore a sampleMade to be
Made to be
used.
Open a preview. Pick your next piece.
Your next project will thank you.
No creative block.**we try our best on that one.
6 pieces in this selectionHTML / React
Full pageView this piece Attest Studio
Full pageView this piece Cryptor
SectionView this piece Assurance Hero
SectionView this piece Coverage Services
MotionView this piece Text Reveal
InteractiveView this piece Magnetic Button
No pieces here. Yet.
Try another search or clear the filters to start again.
A small selection. Plenty of possibilities.Explore the library
Your next stepChoose
Choose
your level
of good
taste.
Start exploring.
Create at your own pace.
Freeto get started
Explore the catalog and try the free pieces.
- Open catalog and previews
- A selection of free pieces
- Formats listed on each item
Coming soonmonthly subscription
Access subscription pieces while your plan is active.
- Subscription library
- New pieces when published
- Access through compatible MCP clients
Coming soonannual subscription
A subscription for your next projects.
- All monthly plan features
- Access throughout your subscription
- Annual billing cycle
FAQFrequently
go ahead, ask.
we don't bite.
Frequently
asked.
go ahead, ask. we don't bite.
What is Badsite?
A library of components, sections and templates for building websites. Pick a piece, explore its preview and adapt the code to your project.
Do I need to know how to code?
Work with the code directly or use an agent like Claude or Codex to adapt it. Review the content, responsive layouts and interactions before publishing.
Which formats are available?
Pieces may include HTML, CSS and JavaScript or React versions. Each item lists its available formats, dependencies and usage instructions.
How does MCP access work?
MCP lets a compatible agent search the library and find pieces for your project. Connection and access depend on your app configuration and plan.
Can I use this for client projects?
Check each piece's license for usage and redistribution terms. Also check asset permissions before delivering a project.
Are new pieces added to the catalog?
Yes. The library keeps growing. New pieces are reviewed before they are made available.
Enough with boring websites. Let's make
make the webLet's make
a website that works?
The name is Badsite. Your website doesn't have to be.
Find my next ideaa less ugly
place.GOOD DESIGN
PREVENTS
BAD SITES.