Hey folks! We are launching Bootstrap Studio 8 today.
The highlight is the new AI Asisstant. It replaces our old Assistant dialog, and is much more advanced. It is an agent that works autonomously on tasks, and supports many different models (Anthropic, Google, OpenAI, OpenRouter, including local models) which you can switch between. See it in action below:
The assistant works with your own API key and requests are made directly from Bootstrap Studio to the model provider. The key and requests are fully private and live only on your computer.
You can read more about the assistant and how to get a free API key in this article.
And here is a full list of changes:
New
- The new AI Assistant is here! You can find it in a new panel next to Overview. This is a capable AI agent that can work autonomously on tasks you give it. It can edit your site, write text and code, create pages and generate images. It works with your own API key and doesn’t impose any limits. Supports models from Google, Anthropic, OpenAI, OpenRouter and local models.
- We added two new beautiful premium templates. Freshify is perfect for building product and SaaS websites, and App Toolkit is focused on web apps, dashboards and admin panels.
- The app now supports View Transitions. You can find the setting in the Animations tab. Setting the same view transition name on two elements on different pages will smoothly animate one into the other when the browser navigates between the pages.
- A new tool was added that helps you extract inline styles as classes en masse. You can activate the tool from the Check For Issues dialog by pressing the Fix button in the inline styles report.
Improved
- The Overview Panel now has a toolbar at the bottom, with quick actions like moving the selected components in and out of their parent, duplicating, hiding and deleting.
In the attributes panel, you can switch the class field into text editing mode instead of pills, from the three dot menu. - The Map component now supports OpenStreetMap in addition to Google Maps.
- The video component now supports YouTube Shorts URLs.
- Media queries in the CSS editor now give you an easy way to change the breakpoint from an arrow menu.
- The Tabs component was improved, and now the tab content can be dragged out of the component and placed anywhere on the page while still being switchable by the tabs. This opens the door to more flexible designs.
- A new “Find Linked Copies” option was added to the context menu of linked components. This brings up a dialog that helps you locate the other linked copies in your design.
- You can now reopen recently closed designs from File > Reopen Closed Design.
- Performance improvements when editing large designs and blogs.
Thank you for helping us by suggesting features and improvements in the forum! A lot of these found their way to this release, and a few others will be coming with our next update.
We’re looking forward to your feedback!




