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 AI assistant you can wish for—your assistant.
UI Services
View all Hilla services in your app along with their security configurations. Ensure proper access control and gain confidence that your UI is secure.
Internationalization
Simplify global app development with automated translations that get you started and built-in support for professional localization workflows. Effortlessly manage and apply translations across your app.
Test generation with AI (experimental)
Automatically generate test cases to catch regressions before they happen. Save time on repetitive tasks and focus on building features while AI handles the grunt work of writing and maintaining tests.
Note: generated test cases require TestBench to run. TestBench is included in subscriptions Pro, Premium, and Ultimate. Learn more at vaadin.com/pricing.
Documentation
Quickly access documentation for any selected component directly from Copilot – no need to hunt through external resources.
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.
