2.0.5

bradtraversy/design-resources-for-developers2.0.5Mar 9, 2026by givanz

AI Summary

This update enhances the visual editor with a new Landing theme, improved code highlighting, and a more organized UI toolbar.

Key Highlights

Includes Landing theme with custom sections and automatic section screenshots
New styles list for theme variations (typography and color palette)
Configurable media breakpoints (defaults to Bootstrap 5)
Code editor highlights the active element during selection
Replaced default color picker with coloris for full RGBA support

New Features

Landing theme integration
Theme style variations
Configurable media breakpoints
Active element code highlighting
SVG image component support
Coloris color picker
Code mirror duotone theme
CSS editor tab layout
Responsive controls dropdown

Full Release Notes

This package is the same used in [VvvebJs demo](https://www.vvveb.com/vvvebjs/editor.html)

Includes [Landing theme](https://github.com/givanz/landing/) from [Vvveb CMS](https://vvveb.com/) as default edit page with custom sections and automatic section screenshots generation from html source.

---

- New styles list to apply theme style variations, commonly used for typography and color palette themed styles.
- Added configurable media breakpoints, defaults set to bootstrap 5 breakpoints.
- Code editor code highlight for the active element when selecting an element.
- Svg image component support for custom svg image from media library and svg code edit input.
- Replaced default color picker with coloris for full rgba support
- Code mirror theme changed to duotone, added search plugin to allow search in html and css code.
- Landing theme update.

UI improvements 
* Moved responsive controls into a dropdown for a cleaner toolbar
* Added a "New Section" button next to the "New Page" button
* Added a "New section area" at the end of the edited page for faster layout building
* Moved CSS editor into a tab in the code editor