Frontend Actions
Create frontend actions and use them within your agent.
This video shows the result of npx copilotkit@latest init with the implementation section applied to it!
What is this?
Frontend actions are powerful tools that allow your AI agents to directly interact with and update your application's user interface. Think of them as bridges that connect your agent's decision-making capabilities with your frontend's interactive elements.
When should I use this?
Frontend actions are essential when you want to create truly interactive AI applications where your agent needs to:
- Dynamically update UI elements
- Trigger frontend animations or transitions
- Show alerts or notifications
- Modify application state
- Handle user interactions programmatically
Without frontend actions, agents are limited to just processing and returning data. By implementing frontend actions, you can create rich, interactive experiences where your agent actively drives the user interface.
Choose your Integration
Frontend actions can be implemented with any agentic backend, with each integration providing different approaches for connecting agents to your UI.
Choose your integration to see specific implementation guides and examples.
