Hey Weavers,
Hot on the heels of yesterday’s beta launch, we’re back with a new beta!
We’ve been hard at work since the launch and we’ve got a whole host of issues fixed, and features added based on your feedback. Check out the list of changes below.
What’s New in Elements 3.0.1 Beta
- The Editor now preserves alpha transparency for WebP and AVIF images!
- Added alt text support for CMS Custom Image resources.
- Added Custom URL and CMS Image sources to the Text Wrap component.
- Fixed margins in the Text Wrap component when using opaque raster images.
- Labels in the Inspector no longer overflow, and the label column is wider.
- Fixed a hang in the Inspector caused by a label display invalidation loop.
- Restored custom width sizing behavior and corrected default sizing properties.
- Corrected the default flex-basis syntax and repaired existing flex items that used basis-md.
- Fixed a crash caused by the Markdown framework on macOS 13.5–14.x.
What’s new so far in Elements 3.0
- Upgraded to Tailwind 4.3.2
- Faster Publishing and Export
- Updated all themes to use Tailwind 4
- Updated border Radius and Shadow tokens to match Tailwind 4
- Update opacity utilities to use Tailwind 4 opacity modifiers
- Added Mauve, Olive, Mist, and Taupe colours from Tailwind 4 to all themes
- Global controls now use Tailwind 4 syntax and generate cleaner spacing classes
- New Mask Component
- New 3D Transforms Component
- New Shapes Component to allow text to flow around shapes!
- Added caption and author support to Gallery Lightbox
- Added CSV (local or remote) support to Table Component
- Added Google Sheets support to Table Component
- Added Drop Zone support to Table Component
- Added box-shadow colour and opacity controls
- Added support for radial and conical Gradients
- Added support for adding custom HTML attributes to the Container component
- Added a new requiresPhp key to the Elements API
- Components that require PHP will now prompt to switch page extensions
- Improved CMS Online Editor UI on Mobile devices.
- Online CMS Metadata sidebar is now resizable with an increased maximum width
- Fixed issue when creating new posts in the online CMS
- Upgraded the editor styling engine to reduce CSS conflicts and improve isolation
- Markdown Preview option added to the editor
- Fix white edge lines appearing on dark JPEGs in the edit-mode preview.
- Fix missing global override unlink for Switch and Checkbox inspector controls.
- Numerous other bug fixes and improvements
Important: This is a Beta!
While we believe this first beta is very stable, we don’t recommend using it on live, mission-critical websites. The Tailwind 4 framework touches most parts of the app, including how webpages render, so please check your sites for layout issues or changes before re-publishing.
To install the beta, launch your current build of Elements and go to Settings/Preferences. Under the Updates section, enable beta updates.
Once beta updates are enabled, go to the Elements menu and select “Check for Updates…”.
How to rollback to a previous build
Should you run into an issues when using a new build of Elements you can always rollback to a previous version via the Release Notes page while you wait for a fix.
Keep the feedback coming
Thanks for being part of Elements and for helping us shape the future of web design on the Mac. Your feedback during the beta has already been hugely valuable and will play a big role in where Elements goes from here!
We’re excited to keep building, refining, and shipping, and we really can’t wait to show you what’s coming next.
Thanks
Team Elements
