React Bits
A library of 215+ animated React components (text effects, backgrounds, micro-interactions), each in four flavours: JavaScript or TypeScript, CSS or Tailwind. You install one component at a time with the shadcn CLI, and your agent can find them through the shadcn MCP server.
Strengths
- 215+ components, four variants each: you keep your stack (TypeScript or not, CSS or Tailwind)
- One component at a time through the shadcn CLI: you only load what you use
- Your agent finds and adds them through the shadcn MCP server (Claude Code, Cursor, Codex)
Limitations
- MIT licence with a Commons Clause: commercial use allowed, but selling or redistributing the components themselves is forbidden
- A very recognisable effect if you paste it without adapting it: adapt it to your tokens, and measure the rendering on mobile before shipping
- No dedicated MCP server in the free version according to a third-party test: agent access goes through the shadcn MCP
Best for
- A designer or PM prototyping a landing page with an agent who wants a precise text or background effect
- A React or Next project already on shadcn, where a component is added with one command