# Brainless: Shadcn components that look like Claude Code, Codex and Grok

> Source: <https://brainless.swerdlow.dev>
> Published: 2026-07-15 19:42:53+00:00

❯add the brainless pricing block to our landing page

## ⏺Bash(bunx shadcn add brainless/pricing)⏺⎿Added 1 block · 2 files

⏺Update(app/page.tsx)

⏺⎿Updated app/page.tsx with 3 additions

```
41   <Features />42+added:   <Pricing tiers={TIERS} />43   <Footer />
```

·Thinking…(0s · ↑ 0 tokens · esc to interrupt)

◉ xhigh · /effort

❯

⏵⏵ auto mode on (shift+tab to cycle) · ← for agents

>_OpenAI Codex(v0.132.0)

model:gpt-6.9 low/modelto changedirectory:~/acme-site

›add the brainless pricing section to the docs site

## •Read app/(marketing)/page.tsx

## •Edited components/pricing.tsx(+22 −0)

•Running pnpm build(0s • esc to interrupt)

gpt-6.9 low · ~/acme-site

main ~/acme-site

16K / 500K│2/3 ✓ steps complete

Grok Build Beta 0.2.93

Grok 4.21 is here!

Grok 4.21 is now available. Try it out in the /model picker.

Tip: Use Shift+Tab to cycle between modes, like Plan mode.

❯put the brainless pricing block on the marketing page4:38 PM

◆user_prompt_submit[hooks: 3/1]

◆Thought for 0.4s

I'll open the marketing page, drop in the pricing block, then verify the build.4:38 PM

readapp/(marketing)/page.tsx

◆Run Write components/pricing.tsx[hooks: 3]

41before: <Features />

41after: <Pricing tiers={TIERS} />

◆stop[hooks: 3/1]

Turn completed in 9.2s.