Version 15 is all about giving designers, creators, and everyday site-builders more expressive tools with less friction. We focused heavily on animation capabilities, performance, and flexible layout controls—while also adding several new page builder elements that make it easier to craft polished, modern interfaces without extra plugins or code.
Whether you’re building a SaaS landing page, a portfolio, or a content-heavy site, these improvements are aimed at helping you work faster and achieve cleaner, more intentional design results.
New SaaS Demo + 33 New Studio Templates
A new SaaS demo is available for one-click import. Salient Studio has gained 33 additional section templates that cover common layout patterns. These templates are designed to reduce build time by providing ready-made structures.
Deep Lottie Integration + New Lottie Element
Introducing a native Lottie element that supports After Effects–based animations rendered via SVG for clarity and performance. You can import animations directly from LottieFiles or your own JSON exports. Playback can be controlled through scroll, hover, auto-start, or manual triggers.
Masking Options for Images
Single Image and Column backgrounds now support shape masking. You can choose from a built-in library of shapes or upload your own. This allows for more controlled and predictable custom layouts without additional CSS.
New Page Builder Elements
Star Reviews
This element allows you to display a star-based rating using standardized formatting. The star count, size, and alignment can be adjusted within the builder. It’s useful for product summaries, testimonials, or any content where a numeric rating needs a visual indicator.
Circle Images
Circle Images formats photos or graphics into a circular frame without requiring external CSS. You can control border, spacing, and image scaling directly through the element settings. It’s mainly intended for team photos, icon-style images, or small visual highlights.
Price Typography
This element gives you a dedicated way to style pricing information consistently across your site. It separates components like currency symbol, amount, and duration so each can be formatted independently. This helps maintain clear, readable pricing blocks without manual typography adjustments.
Responsive Text
Responsive Text automatically scales font size based on device width. You set minimum and maximum values, and the system manages the scaling between them. It removes the need for separate CSS breakpoints to maintain readable headings or large text.
Animated Shape
This element places simple, lightweight animated shape graphics into a layout without relying on external animations. You can adjust size, color, and motion type. It provides subtle movement in a layout while keeping resource usage low.
Animated Gradient Backgrounds
Rows can now use an animated gradient background that shifts between colors in a smooth, blob-like motion. The effect is subtle and uses lightweight animation techniques. It offers a straightforward way to add motion without heavy media files.
Performance Upgrade: Delay JavaScript Execution
A new performance option allows nonessential JavaScript to be deferred until after user interaction. This can result in improved Lighthouse Mobile scores. The setting is optional and can be toggled per site depending on compatibility needs.
Expanded Animation & Interaction Controls
Columns and rows now support clip-path animations, additional reveal effects, and custom easing values. Single Image elements also gain more positioning and animation controls. These additions give more fine-tuned control over motion without custom code.
Navigation & Header Enhancements
The header can now use a background blur to create a frosted-glass appearance. Entrance animation delays for the navigation are adjustable for better timing with page content. Additional toggle panel styling options and hooks have been added for more flexible menu layouts.
