Hey Weavers,
Today we’re excited to release Elements 3.0 as a public beta. It’s a free update for everyone with an active license.
Elements 3.0 moves to the Tailwind 4 CSS framework and adds 3 new components, along with a host of new features and improvements. Later in the beta cycle, we’ll also be releasing Elements AI and the Elements MCP server.
Watch the video below for a preview of just some of what’s new in Elements 3, it’s our biggest release yet. We can’t wait to hear what you think!
Once you’ve upgraded, you can jump straight in and start playing with the new features using the Demo Project from the video…
Open Demo Project (Requires Elements 3 Beta 1)
Read on to learn more about what’s new and how to get your hands on this free update.
Introducing Tailwind 4
Elements 3 has been upgraded to the latest Tailwind 4 CSS framework, giving you even more power and flexibility when styling your website. We’ve already begun updating the components to take advantage of new features like radial and conical gradients.
New Text Wrap Component
The Shape component lets you wrap text around SVG shapes and PNG images, enabling magazine-style layouts 
New Mask Component
The new Mask component lets you apply an SVG mask to any component, including images and video.
New 3D Transform Component
Apply 3D transformations to any component — tilt, rotate, and scale to create a 3D effect on hover or driven by mouse movement!
Table Component Update
The Table component now supports a whole host of new features, including the ability to import data from a CSV file (local or remote) or Google Sheets. There are also new sorting and search options, plus the ability to turn table cells into dropzones.
Gallery Component Update
The Gallery now supports captions and author credits in the Lightbox. It’s a small change, but it’s been the most requested feature for the Gallery component, and we’re happy to finally get it into your hands.
What’s New in Elements 3.0 (build 24336) Beta?
- Upgraded to Tailwind 4.3.2
- 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.
The Future of Web Design
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 been hugely valuable and played 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
amazing
The new text wrap and updated table components are my personal favorites. I know you breezed right past the table’s search feature in the video, but it’s honestly going to be the best part of the whole update for my workflow!