Configure Agent Form

Free AI Agent Builder UI for React: Agent Settings

Configure Agent Form is a free animated React + Tailwind AI agent builder UI from mebius.design that sets an agent's model, system prompt, token cap, budget, tools and approval rules.

FREE

Install with the shadcn CLI

Terminal
npx shadcn@latest add @mebius/forms-pro-agent-config

Free with a mebius account

Sign up once to get the code, Figma file and AI prompt of every freebie.


Working in Cursor or Claude Code? Add it through the mebius MCP.

MCP docs

What’s included

  • Figma fileLight and dark, auto layout
  • React + TypeScript sourceTailwind v4, one file: agent-config-form.tsx
  • shadcn registry item@mebius/forms-pro-agent-config

Dependencies

The CLI installs these with it.

npm

  • animejs
  • lucide-react
  • radix-ui
  • @fontsource/poppins

Registry items

  • utils
  • theme
  • use-form-motion
  • use-form-submit
  • use-controllable-state
  • font-poppins
  • font-geist-mono

Questions, answered.

About Configure Agent Form and the other free forms. Anything else? Our team replies within a working day.

Contact support

Yes. A free mebius account gets you its React code, its AI prompt and the Forms Pro Figma file it comes from, in light and dark. No card and no trial.