Today we're releasing a brand new set of components designed to help you build the next generation of IDEs, coding apps and background agents.

" id=" "> Link to heading <Agent />

A composable component for displaying an AI SDK ToolLoopAgent configuration with model, instructions, tools, and output schema.

npx ai-elements add agent

" id=" "> Link to heading <CodeBlock />

Building on what we've learned from Streamdown , we massively improved the code block component with support for a header, icon, filename, multiple languages and a more performant renderer.

npx ai-elements add code-block

" id=" "> Link to heading <Commit />

The Commit component displays commit details including hash, message, author, timestamp, and changed files.

npx ai-elements add commit

" id=" "> Link to heading <EnvironmentVariables />

The EnvironmentVariables component displays environment variables with value masking, visibility toggle, and copy functionality.

npx ai-elements add environment-variables

" id=" "> Link to…