Vibe Code
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
Started on WordPress, peaked in chaos

Vibe Code UI Registry

Component chaos for the brave

Browse Components
$ npx shadcn@latest add @vcode/_

"Everyone's learning prompt engineering. I'm still engineering my will to live."— spoiler: still in beta

What's This Then?

A component registry for developers who've given up on best practices but still need their UI to look decent. Vibe over knowledge, always.

v0.0.chaos

Copy, paste, regret

Components that work* (*terms and conditions apply)

v0.1.chaos

Powered by chaos

Built at 3am on expired caffeine and existential dread

v0.2.chaos

AI-corrupted

Claude said it was a good idea. Claude was wrong

v0.3.chaos

Production-ready™

If your production is also held together by hope

"Knowledge is overrated. Vibe coding is eternal."

— Me, probably drunk on AI promises

Features That Exist

What You're Getting Into

A honest breakdown of our "features" (liability waiver pending)

v6.49.chaos

Zero Knowledge Required

Documentation? Never heard of her

v9.71.chaos

AI-Hallucinated

Components that might exist, possibly

v3.72.chaos

Dark Mode Only

Light mode is for people with hope

v5.96.chaos

TypeScript Sometimes(broken)

When we remember types exist

v5.25.chaos

Copy-Paste Architecture

Stack Overflow's finest, curated

v6.53.chaos

Production Ready™

Works on my machine energy

Legal Notice: Features subject to existential crisis. Side effects may include: impostor syndrome, uncontrollable git commits, and the sudden urge to rewrite everything in Rust.

Installation

Three steps to chaos. Your therapist will hate this one simple trick.

Add the registry

Or don't. I'm not your manager

components.json
{
  "registries": {
    "@vcode": "https://ui.vcode.sh/r/{name}.json"
  }
}

Install something

YOLO in production since 2024

terminal
npx shadcn@latest add @vcode/chaos-button

Import & pray

Works 60% of the time, every time

app.tsx
import { ChaosButton } from "@/components/ui/chaos-button"

export default function App() {
  return <ChaosButton onClick={() => alert("Reality.exe stopped working")}>
    Break Everything
  </ChaosButton>
}

⚠️ Warning: Installing these components may cause: existential dread, sudden clarity about your life choices, and an irresistible urge to tweet "JavaScript was a mistake."

Vibe Code UI

Component registry for developers who've traded their sanity for shipping velocity. Knowledge optional, vibes mandatory.

Built with AI. Maintained with regret.

Quick Chaos

System Status

RegistrySomehow working
SanityCritical failure
VibesImmaculate

© 2025 Vibe Code. No rights reserved. Literally.

Started on WordPress, corrupted by AI, powered by chaos.


 _   _ ___ ____  _____    ____ ___  ____  _____
| | | |_ _| __ )| ____|  / ___/ _ \|  _ \| ____|
| | | || ||  _ \|  _|   | |  | | | | | | |  _|
| |_| || || |_) | |___  | |__| |_| | |_| | |___
 \___/|___|____/|_____|  \____\___/|____/|_____|

            chaos-driven-development™