Visual Editing
Drag & drop components, rearrange layouts, and change captions and labels – right in the application you are building.
Hierarchical overview
Use the Outline to get a clear overview of the UI structure, without extra cruft – no need to use brain cycles to do manual code<->UI mapping.
AI assistance
Ask your trusty AI assistant to do a boring task, generate some mock data, or create the first draft of a new feature.
Code-first editing
Changes you make with Copilot, with or without AI assistance, appear instantly in your IDE. Your codebase is the source of truth, and Copilot is specifically engineered to support switching back and forth between browser and IDE – just like you do anyway, but now the browser has superpowers. It's a bit like low-code, but also the opposite.
Theme Editor
Change the look of components, globally or individually, by adjusting properties using this visual tool. Minimize guesswork and the need to hop back and forth between CSS and browser – no need to awkwardly copy and paste from the browser inspector.
Your feature goes here
Vaadin Copilot is a brand-new tool with some novel ideas. Join in as an early adopter, and help us make Copilot the best wingman you can wish for. Your wingman.
Designed for Your Workflow
Vaadin Copilot is engineered to blend into your development process. When the application is running in development mode, Copilot is ready to spring into action whenever you view the live application. Just a shortcut away whenever you need it, and just as quick to hide when not needed.
AI-Powered UI Design - A Future of Possibilities
At the heart of Vaadin Copilot lies its AI capabilities. Ask our generative AI to modify the UI, explore new design possibilities, and streamline your workflow. Although in its early stages, this feature is set to redefine the boundaries of UI development.
