• 2 min read
Brainless brings Claude-style UI to shadcn
Brainless offers shadcn components styled to resemble interfaces like Claude Code, Codex, and Grok, with a pricing block shown in the demo.
Image: Hacker News
Brainless is a UI component project built around shadcn styles that mimic the look of tools such as Claude Code, Codex, and Grok.
The source page is presented as a product-style demo rather than a detailed announcement, showing a mock Claude Code v2.1.206 interface with prompts, terminal output, and a generated edit flow for a landing page. In the example, the user asks Claude to “add the brainless pricing block to our landing page”, then runs:
- bunx shadcn add brainless/pricing
The demo output says “Added 1 block · 2 files” and shows an update to app/page.tsx with 3 additions, including:
Recommended reading
Type foundry draws a hard line against AI
- <Pricing tiers={TIERS} />
Other interface details on the page include “Welcome back Ben!”, “Fable 7 with xhigh effort · Claude Max”, “ben@freestyle.sh’s Organization”, and a working directory of ~/acme-site. A “What’s new” panel lists directory path suggestions for /cd and a /doctor check that proposes trims and release notes.
The page does not include broader product details such as pricing, licensing, or a launch date. What it does show clearly is the pitch: drop-in shadcn components designed to recreate the polished coding-assistant aesthetic associated with Claude Code, Codex, and Grok.
Design & UX Editor
Yuki believes that a great product is defined by how it feels. She critiques software interfaces, hardware ergonomics, and the philosophy of design in tech. With a background in industrial design, she analyzes the subtle decisions that make tools intuitive or infuriating. She advocates for accessible, human-centric technology.
via Hacker News
