Elements 2.0 Beta 3 Now Available

Hey All,

Today, we’re excited to roll out Elements 2.0 beta 3! :rocket:

This build keeps the momentum going with two brand new components: Table and Breadcrumb. The new Table component gives you flexible, responsive data layouts with proper styling controls, while Breadcrumb makes building clear, structured navigation trails effortless. Together they add even more depth to what you can build right out of the box.

This release also introduces full Theme Creation for Pro users, with in-app tools to visually build, edit, and save themes that work across all your projects. Base and Plus users can still override theme values on a per-project basis and create themes manually. Our open source components remain a great reference if you’d like to see how themes are structured under the hood.

That brings us to six new components in Elements 2.0 so far, and a grand total of 46 built-in components :exploding_head:

There’s more to come, but beta 3 is another solid step toward a faster, more powerful, and more extensible version of Elements :smiling_face:

:warning: Make sure you have the “Check for Beta Updates ” option checked in the Settings to get the Betas!

:backhand_index_pointing_right: Open Sample Project with Demo Tables

Beta 3 Updates:

  • Added Table Component
  • Added Breadcrumb Component
  • Added Atlas Theme
  • Updated shadow colour in Elegant Theme
  • Updated colours and shadows in Neon Theme
  • Tabs Component now work responsively
  • Fixed List Component when using multiple lines of text
  • Fixed duplicate toggle UI in Top Pages Component
  • Built-in Form and CMS packs are no longer listed in Store update window
  • Added option to upload logs, projects, and files to Support via Help menu
  • In-app theme creation and editing for Pro users
  • Added support for “Replace Resource…” in Resources area

Beta 2 was a private/internal release only.

Beta 1 Updates:

  • Added Content Slider Component
  • Added List Component
  • Added Tabs Component
  • Added Markdown Component with a live editor
  • API: Added @markdown support to the Elements API
  • API: Added support for Dropzones inside loops (@each)
  • API: Added support for Default collections
  • API: Added support for dropping image resources into the Markdown editor
  • Dropping an image or file into a code area now inserts the file path
  • Added right-click option to Edit Markdown
  • Added right-click option to Edit Custom Component
  • Control-click now works in group views in the Inspector
  • Purchased Packs are now collapsed by default
  • Added SVG Mask option to the Image Component
  • Added List styling options to Typography
  • Added Small Caps option to Typography
  • Added border radius controls to Image Slider Component buttons
  • Menu Component now supports background colour and border radius on items
  • Added numerical colour values to colour strips in the Inspector
  • Added option to set spacing between dropdown menu items
  • Added Elegant Theme
  • Added Neon Theme
  • Added Yarrow Theme
  • YouTube video and playlist URLs are now added correctly via Add Remote Resources
  • Videos in Modals now stop playing when closed
  • Accordion Components can now be nested
  • Added support for overriding the site language attribute on a per-page basis
  • Ensure folders do not have page extensions
  • Dark mode media queries are no longer generated when dark mode is disabled (hat-tip @Doobox)
  • Added UI badge to Dev Components
  • Default option can now be set in the Select Component
  • Open-sourced Core Components and internal build tools
  • Moved Elements CMS from the Core Pack into its own pack
  • Moved Form Components from the Core Pack into their own pack
  • Project backup is now set to Every time by default
  • Fixed slider values being cut off by increasing available space
  • Fixed radio component styling issues
  • Fixed transparency issue with Modal overlays
  • Fixed issue with resetting default values on theme spacing
  • Fixed CMS Load More not working when used in a subfolder
  • Added support for linking to products in the Elements Store
  • Added ability to upload support logs directly

Have fun and report bugs :lady_beetle:

Elements 2.0 is still a work-in-progress. We’ve got more features planned, along with ongoing UI polish and bug fixes. If you run into any issues, please report them on the forum so we can get them addressed in upcoming builds.

Buy Elements Today :star:

If you already own Elements, there’s nothing extra to do. Elements 2.0 is included with your existing licence, along with all future updates released during your active licence period.

New to Elements? You can purchase Elements directly from our website, or try Elements for free and explore it at your own pace. When you’re ready to upgrade, everything is already set up and ready to go.

Thanks :waving_hand:

Thanks for being part of Elements and for helping us shape the future. Your feedback during the beta is hugely valuable and plays a big role in where Elements 2.0 goes from here.

We’re excited to keep building, refining, and shipping, and we can’t wait to show you what’s coming next.

Thanks!
Team Elements

5 Likes

Thanx :slight_smile: looking forward to playing with it….

little bug

list still has issues on text wrapping in preview

@dan, will plus users be able to EDIT an existing theme (make the changes directly in each section) or do we still have to override like we have been doing??

@upssjw hyphens-auto should be help

advanced/css- classes

1 Like

“table component” … finally ;). Big shout out! That’s great! Thank you.

hmm, this is trickier to fix than one might think. Could you confirm if the text wraps correctly if you set the List Position to “Outside”?

List

@ben

when I was building a list component I had tried all these might not help

if I just replace the @richtextrichtextrichtextrichtextrichtextrichtextrichtextrichtext with text no issues

oops spelt span wrong, still the same result

Just playing I see “new” banner next to “MULTICORDION” but can’t seem to do anything, not in user manual yet so can @ben @dan do a little sampler video or explanation as to what this is. I’m assuming its a multi accordion but can’t seem to see where you add anything other than an image, an svg and one line of text.

Edit - OK I have added the accordions but can’t seem to understand the "purpose of “main Image” as it doesn’t show after the accordions are opened?

Tabs component - for example I have 10 tabs when I decrease screen size they start to drop off on to a second line which is fine but with 10 you have 7 and 3 on iPhone size on preview, yet when viewed yet you have a nice 5/5 split on app. So am I blind but I can not see a control like “Breakpoint” type to control the number of tabs on different screen sizes? TIA @ben @dan

Can you provide a screenshot, this doesn’t sound like something we created, perhaps it’s from a third-party?

You need to be more clear here. We can create themes outside Elements by using the published open source API, but cannot generate them inside Elements by clicking the + button.

OK this appeared on updating to new beta this morning and with “NEW” banner however I think you are correct and now you have mentioned it I think I might know where it has come from.

Correct. If you’re not on Pro and still want to create your own themes, you can do the following:

Create a DevPack in Elements, then copy one of the themes from the open source Core pack into your own pack. From there you can rename it and adjust the values to suit your needs.

Hint: AI can actually be quite helpful for tweaking theme values quickly.

Hope that helps!

You have a third-party dev pack installed (naughty naughty)…

it isn’t and was something I was working on with my accordion project, I dont need at present can I get rid of it and if so how? THANKS for your quick response.

Ah that makes sense, anything with a “Dev” badge is something you have installed locally. It’s why we added the badge to make it more obvious :wink:

OK Thanks but this was over 6 months ago I installed it and played with it as it helped me with my accordion project. As I managed to do the multi accordions without it can I delete it and if so how? TIA