Brainless: Shadcn components that look like Claude Code, Codex and Grok
brainless.swerdlow.dev
Brainless: Shadcn components that look like Claude Code, Codex and Grok
1–10 of 28 posts
Re: Brainless: Shadcn components that look like Claude Code, Codex and Grok
#2Re: Brainless: Shadcn components that look like Claude Code, Codex and Grok
#3Why did you choose to use shadcn registry?
I think these are more useful as baselines than as final destinations, and I expect production users to customize them far more than options in components.
I also separately don't really believe in traditional components anymore, code is cheap. The value in these components is that I took the time to pixel match a bunch of the CLIs, not the specific interface used to integrate them.
Re: Brainless: Shadcn components that look like Claude Code, Codex and Grok
#4Re: Brainless: Shadcn components that look like Claude Code, Codex and Grok
#5Why did you choose to use shadcn registry?
Generally, when using these components I ended up wanting to customize a lot. I switched around the options, coloring, the words in the loading, I mix and matched the components from different CLIs, etc. I think these are more useful as baselines than as final destinations, and I expect production users to customize them far more than options in components. I also separately don't really believe in traditional compon…
Re: Brainless: Shadcn components that look like Claude Code, Codex and Grok
#6Earlier quoted context omitted.
Generally, when using these components I ended up wanting to customize a lot. I switched around the options, coloring, the words in the loading, I mix and matched the components from different CLIs, etc. I think these are more useful as baselines than as final destinations, and I expect production users to customize them far more than options in components. I also separately don't really believe in traditional compon…
What are traditional components? How are untraditional better?
ShadCN components have you copy the component code into your codebase, you own it. They come with the ability to configure arguments, but also because the code is yours its expected that you change the internal logic/styling/structure of the component.
I believe in the era of AI code the ladder just makes more sense.
Re: Brainless: Shadcn components that look like Claude Code, Codex and Grok
#7Earlier quoted context omitted.
What are traditional components? How are untraditional better?
Think MUI, heroUI, traditional components have you install their package, import the component and configure it through arguments. ShadCN components have you copy the component code into your codebase, you own it. They come with the ability to configure arguments, but also because the code is yours its expected that you change the internal logic/styling/structure of the component. I believe in the era of AI code the…
I think shadCN has its place for sure but I’d always advocate for Mantine and css modules anywhere early enough to use premade UI solutions.
Re: Brainless: Shadcn components that look like Claude Code, Codex and Grok
#8Re: Brainless: Shadcn components that look like Claude Code, Codex and Grok
#9What inspired you to make this?