Elements 3.0.8 Beta Now Available

Announcements
, , ,
1

Hey Weavers,

This new build focuses on bug fixes and improvements to a lot of the core components, including lazy loading for large galleries, and so much more. Check out the details below.

This is a recommended (and free) update for all users with an active license.

What’s new in Elements 3.0.8?

  • Gallery: Added opt-in thumbnail resizing and lazy loading for faster large galleries
  • Gallery: Thumbnails now always fill their column for consistent layouts
  • Table: Search and pagination settings are now grouped in their own inspector sections for easier setup
  • Table: Sorting now resets to page 1 to avoid empty or confusing pages
  • Table: Added optional First and Last pagination buttons and localisable pagination text
  • Video: Lightbox player now correctly respects Mute, Controls, Loop, and Start At settings
  • Video: Fixed cross-instance lightbox state leaking so each video works independently
  • Video: Custom and CMS thumbnail modes are now fully supported
  • Button: Added smoother transitions for always-on hover styles and improved alignment for wrapped labels
  • Divider: Corrected default width and height values for predictable sizing
  • Audio: Can now display elapsed time
  • Inspector: Clarified option names and descriptions across Flex, Grid, SVG, Video, 3D Transform, Text, Menu, and Table settings

What’s New in Elements 3.0 so far?

Elements 3.0 is a major update, and with each beta release it’s getting closer to the final release. Check out the release notes below to see what’s new.

Tailwind 4

  • Upgraded to Tailwind CSS 4.3.2.
  • Updated all built-in themes to Tailwind 4.
  • Updated Border Radius and Shadow tokens to match Tailwind 4.
  • Updated opacity utilities to use the new Tailwind 4 opacity modifier syntax.
  • Added the Mauve, Olive, Mist, and Taupe colour palettes from Tailwind 4 to all themes.
  • Global controls now generate cleaner Tailwind 4 spacing classes.
  • Added a legacy option to restore Tailwind 3 tap-to-hover behaviour on touch devices.
  • Fixed custom theme shadows containing periods not rendering correctly in Tailwind 4.

Performance & Editor

  • Significantly faster Preview and Export.
  • Upgraded the editor styling engine to reduce CSS conflicts and improve isolation.
  • The editor now preserves alpha transparency when editing WebP and AVIF images.
  • Added a Markdown Preview mode.
  • Labels in the Inspector no longer overflow, and the label column is now wider.
  • The Pages + button now offers options to create a New Page, File, or Folder.
  • Added three-state node visibility with Hide in Editor and Do Not Publish options.
  • You can now rename custom components from the context menu.
  • Duplicate custom component names are now automatically numbered to avoid naming conflicts.
  • Fixed toolbar text disappearing after relaunch.
  • Fixed white edge lines appearing around dark JPEGs in Edit mode.
  • Fixed resource links incorrectly reverting to page links in the Link Inspector.
  • Numerous usability improvements throughout the Inspector, including clearer option names and descriptions across Flex, Grid, SVG, Video, 3D Transform, Text, Menu and Table settings.

New Components & Features

  • Added the new Mask component.
  • Added the new 3D Transforms component.
  • Added the new Shapes component, allowing text to flow around custom shapes.
  • Added box shadow colour and opacity controls.
  • Added support for radial and conical gradients.
  • Containers now support custom HTML attributes.
  • Added hover-prefixed variants and mirrored scale options for supported properties.
  • Ensured theme and design system values are consistently available across components.

Gallery

  • Added caption and author support to the Gallery Lightbox.
  • Gallery now supports a Remote Folder source for easier external image management.
  • Added optional thumbnail resizing and lazy loading for improved performance with large galleries.
  • Gallery thumbnails now always fill their column for more consistent layouts.

Table

  • Added CSV support from both local and remote sources.
  • Added Google Sheets support.
  • Added Drop Zone support.
  • Tables now automatically detect CSV delimiters for EU locale exports.
  • Search and pagination settings are now grouped into dedicated Inspector sections.
  • Sorting now resets to page one to prevent empty or confusing results.
  • Added optional First and Last pagination buttons.
  • Pagination text is now fully localisable.

Audio

  • Added volume controls.
  • Added an option to display elapsed playback time.
  • Fixed an issue where the scrubber knob could detach from the progress bar.

Video

  • Lightbox playback now correctly respects Mute, Controls, Loop and Start At settings.
  • Fixed lightbox state leaking between multiple video instances.
  • Added full support for Custom and CMS thumbnail modes.
  • Improved stability when using dynamic data bindings.

Navigation

  • Navbar folders now correctly show their active state when a child page is active.
  • Fixed mobile menu scrolling on iPhone when using the default Bottom Auto setting.

CMS & Online Editor

  • Improved the Online CMS Editor interface on mobile devices.
  • The Online CMS Metadata sidebar is now resizable with a larger maximum width.
  • CMS output now degrades gracefully when front matter contains errors instead of failing completely.
  • Added support for configuring the maximum upload size for both the Online Editor and MCP Server.
  • Fixed the Online Editor Rich Text Editor incorrectly encoding YouTube embed code.
  • Fixed an issue when creating new CMS posts.
  • Added alt text support for CMS Custom Image resources.
  • Front matter serialisation is now consistent across the Online Editor, MCP Server and JSON API.

Components

  • Components that require PHP will now prompt you to change the page extension from .html to .php.
  • Fixed dark mode link colours not being applied in the Text component.
  • Fixed alt text handling for custom and CMS image types.
  • Fixed the Small Border Radius token incorrectly duplicating the Default value.

Button

  • Added smoother transitions for always-on hover styles.
  • Improved alignment for wrapped button labels.

Divider

  • Corrected the default width and height values for more predictable sizing.

Container

  • Fixed background overlay gradients appearing opaque in Light Mode.

Image

  • Fixed several reliability issues.

API

  • Asset-only changes in shared assets are now detected and correctly trigger publishing.
  • Added a new requiresPhp key.
  • Resource controls now support accept and exclude MIME type filters.
  • Updated the CMS and Forms API packages to address security vulnerabilities.

How to Update to the Beta

While we believe the betas of Elements 3 are very stable, however, 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…”.

CleanShot 2026-07-12 at 6 .47.22@2x
CleanShot 2026-07-12 at 6 .47.22@2x1304×734 107 KB

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

8 Likes