Two of Nexter Blocks’ most-used visual effects shipped a year apart — Glassmorphism in June 2025, Smooth Scroll in July 2025 — but they’re commonly combined on the same page: a frosted-glass card gliding into view as the page eases past it. Here’s both, refreshed for how they actually get used together in 2026 builds.
Glassmorphism: The Frosted-Glass Effect
Glassmorphism creates the illusion of frosted glass using a blurred, semi-transparent background — content stays visible behind it, just softened. It shipped in June 2025 as a Global Block Styles background option: add a background (color, gradient, or image) to a section, place a block inside it, then enable the Background Filter’s Blur control from that inner block’s Advanced tab, fine-tuning saturation and background color to taste.
Common uses: hero-section callout cards, popups and modals, navigation bars that need to stay legible over shifting background content, and minimalist section overlays that add depth without visual clutter.
Also Read: Nexter Blocks Repeater: How to Build Dynamic Layouts with ACF and JetEngine — shipped in the same June 2025 release as Glassmorphism.
Smooth Scroll: Easing Instead of the Default Jump
Smooth Scroll, shipped July 2025, replaces the browser’s abrupt default scroll behavior with a configurable eased motion, including custom easing curves for anchor-link navigation (a table of contents jumping to a section, for instance) and general page scroll. It’s enabled per-site from Nexter’s settings rather than per-block.
Combining Both on the Same Section
A common 2026 pattern: a table of contents anchor-linking down the page with Smooth Scroll’s eased motion, landing on a Glassmorphism callout card that fades into view over a background image or gradient. Neither feature depends on the other — Smooth Scroll is a sitewide scroll-behavior setting, Glassmorphism is a per-block visual style — but they’re frequently paired because the eased arrival makes a blurred card’s appearance feel more deliberate than an instant jump-cut would.
Also Read: Nexter Blocks Global Border and Block Presets: Speeding Up Your Design Workflow — a Glassmorphism card commonly pairs with a matching global border or radius preset.
Conclusion
Both effects are lightweight, native settings rather than separate plugins — Glassmorphism a per-block visual style, Smooth Scroll a sitewide scroll-behavior toggle. Used together deliberately (not on every section at once), they add polish without the performance cost of a heavier animation library.
FAQ
Does Glassmorphism require a background image to work?
No, it works over a solid color or gradient background too; an image background just makes the blur effect more visually obvious.
Is Smooth Scroll a per-block setting like Glassmorphism?
No, Smooth Scroll is a sitewide setting affecting overall scroll behavior and anchor-link navigation, not something toggled per individual block.
Will heavy use of Glassmorphism hurt page performance?
Blur effects have a real but generally modest rendering cost; using it deliberately on a few key sections rather than the entire page keeps that cost negligible.
{“@context”:”https://schema.org”,”@type”:”FAQPage”,”mainEntity”:[ {“@type”:”Question”,”name”:”Does Glassmorphism require a background image to work?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”No, it works over a solid color or gradient background too; an image background just makes the blur effect more visually obvious.”}}, {“@type”:”Question”,”name”:”Is Smooth Scroll a per-block setting like Glassmorphism?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”No, Smooth Scroll is a sitewide setting affecting overall scroll behavior and anchor-link navigation.”}}, {“@type”:”Question”,”name”:”Will heavy use of Glassmorphism hurt page performance?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Blur effects have a real but generally modest rendering cost; using it on a few key sections keeps that cost negligible.”}} ]}Suggested Reading
- Nexter Blocks Repeater: How to Build Dynamic Layouts with ACF and JetEngine
- Nexter Blocks Global Border and Block Presets: Speeding Up Your Design Workflow
- Nexter Blocks Data Table and Pricing Table: Building Comparison Tables Without Code
