A canvas for
the whole idea.
Design the page. Choreograph its motion. Keep the work together. Pro Studio puts the larger creative workflow into one fullscreen space inside Chrome.
- Surface
- Fullscreen workspace
- Modes
- Canvas · Live tab
- Panels
- Layers · Inspector · Timeline
- Storage
- This browser, exportable
- Plan
- Pro · $20 / month
Choose a mode. See how the page, layers, controls and timeline fit together.
Build with
quiet confidence.
Precision tools for teams who care about every pixel.
Select a layer or click the page. Every control edits the fictional page live; nothing on a real website changes.
Interactive illustration with fictional content. The controls demonstrate the workspace; they do not edit a website.
See the page as a system.
Select an element and keep its layers, spacing, typography and layout controls within reach. Move from a single detail to the wider composition without leaving the canvas.
Give every movement a purpose.
Arrange tracks, keyframes and groups on one timeline. Shape easing, motion paths and interaction triggers while the page stays in view, then scrub to check each phase.
Pick up where you left off.
Themes, motion presets and reusable components live together in local projects. Preview, save, return later, and export supported work when it is ready to travel.
Six parts.
One surface.
Layers
The page as a tree. Hover to locate, click to select, arrow keys to walk parents and children.
Canvas
The real page, embedded or in its own tab. Fit, width or device sizes; panels hide when you need room.
Inspector
Appearance, typography, layout, effects and advanced CSS for the selection, with live preview.
Timeline
Tracks per element, keyframes, groups, a scrubbable playhead and a trigger per motion.
Presets
Save a motion once, replay it on any site. Switch presets off without deleting them.
Projects
Everything you made for a site in one place, stored in this browser, exportable as one file.
One workspace.
Two ways to work.
Keep the whole composition in view.
The page is embedded in the workspace with layers, controls and timeline around it. Fit the canvas or its width, choose a device size, hide panels when you need room.
Stay with the website in its own tab.
When a site blocks embedding or needs its signed-in tab, edit there with Studio alongside it. Canvas zoom controls apply only to embedded mode; everything else works the same.
Clear answers.
What Pro Studio does, where your work lives and what the plan covers.
Does Pro Studio edit real websites?
Yes, in your own browser. Changes are applied by the extension on your device and saved locally per site. Nothing is published and the website itself is never modified for anyone else.
Where is my work stored?
In the browser where you created it (chrome.storage). Pro Studio does not upload themes, animations or page content. Export creates a file you keep.
Do I need an account to open it?
Pro Studio is part of the Pro plan, so an Aevilo account linked in the extension verifies the plan. Your creative work never depends on the account: it stays readable and exportable if a plan ends.
What about reduced motion?
Pro Studio and everything it produces respect the operating-system reduced-motion setting. Previews show their finished state instead of animating.
Start with Aevilo.
Grow into the studio.
Most people use Aevilo free. Pro Studio is part of the Pro plan. Checkout on this website is currently a Stripe sandbox for invited testers; no real payments are enabled.