The Best Design,
Ready for
Claude Code
485 interactions, components, sites and resources for sites, apps and internal tools. Copy the prompt and your agent rebuilds it in your project.
Claude Code485 interactions, components, sites and resources for sites, apps and internal tools. Copy the prompt and your agent rebuilds it in your project.

A React library with agent graphs, trace views, chat inputs and dashboards to browse when building an AI product.
Dotted orb loaders for AI and agent interfaces: a calmer, more alive way to say the model is thinking.
Copy-paste components for AI agent conversations: thinking states, tool calls and streaming text, styled and ready to drop in.

Carefully crafted copy-paste components for chat agents: thinking states, tool calls, human-in-the-loop prompts.
A breakdown of the parts of a modern AI prompt box (attachments, model picker, actions, states), useful before designing your own.










A React library with agent graphs, trace views, chat inputs and dashboards to browse when building an AI product.
Dotted orb loaders for AI and agent interfaces: a calmer, more alive way to say the model is thinking.
Copy-paste components for AI agent conversations: thinking states, tool calls and streaming text, styled and ready to drop in.
Carefully crafted copy-paste components for chat agents: thinking states, tool calls, human-in-the-loop prompts.
A breakdown of the parts of a modern AI prompt box (attachments, model picker, actions, states), useful before designing your own.





Dotted orb loaders for AI and agent interfaces: a calmer, more alive way to say the model is thinking.

A breakdown of the parts of a modern AI prompt box (attachments, model picker, actions, states), useful before designing your own.



A React library with agent graphs, trace views, chat inputs and dashboards to browse when building an AI product.
Carefully crafted copy-paste components for chat agents: thinking states, tool calls, human-in-the-loop prompts.
