--- title: "Introducing Glassmorphism(Liquid Glass Effect) & Repeater Block in Nexter Block (Support ACF & JetEngine) WordPress" url: https://nexterwp.com/blog/introducing-glassmorphism-repeater-block-in-nexter-block/ date: 2025-06-24 modified: 2026-04-14 author: "Aditya Sharma" description: "We’ve got some exciting news to share with you: two new updates just landed in Nexter Blocks! If you’ve been wanting more flexibility and style in your designs, you’re in..." image: https://nexterwp.com/wp-content/uploads/2025/06/Introducing-Glassmorphism-Repeater-Block-in-Nexter-Block-1024x519.png word_count: 1060 --- # Introducing Glassmorphism(Liquid Glass Effect) & Repeater Block in Nexter Block (Support ACF & JetEngine) WordPress ## Key Takeaways - Glassmorphism in Nexter Blocks creates a frosted glass effect using blurred, semi-transparent backgrounds for a modern design. - Dynamic Repeater Block allows users to add multiple items with the same layout, simplifying content management for FAQs and testimonials. - Nexter Blocks enables the Glassmorphism effect without requiring custom CSS or extra plugins, streamlining the design process. - The Dynamic Repeater Block supports easy duplication and management of content, maintaining design consistency across layouts. We’ve got some exciting news to share with you: two new updates just landed in Nexter Blocks! If you’ve been wanting more flexibility and style in your designs, you’re in for a treat. We’ve introduced **Glassmorphism** aka Liquid Glass Effect and a brand-new **Dynamic Repeater Block**, both designed to give you more creative control without complicating your workflow. Let’s take a closer look at these two new updates. https://youtu.be/BdddC9wfakc ## Update 1: Glassmorphism aka Liquid Glass Effect in WordPress Let’s understand what this update is and how it can help you. Table of Contents ### What is Glassmorphism (Liquid Glass Effect)? Ever scrolled through a modern macOS or iOS app and noticed those sleek, frosted glass-style panels? That’s **glassmorphism** in action, and now, you can bring that same premium feel to your WordPress site with Nexter Blocks. It’s a design style that creates the illusion of frosted glass using **blurred, semi-transparent backgrounds**. Think of it as a way to keep things visible and visually appealing at the same time. Imagine a glass sheet with a blurry background; you can still see what’s behind it, but it’s softened and slightly faded. ![](https://nexterwp.com/wp-content/uploads/2025/06/glassmorphism-Image.png) This effect gives your design a modern, clean, and slightly dreamy look.  It's often used for cards, sections, or overlays to add depth and make content stand out without being too flashy. ### Glassmorphism in your Website With the new **Glassmorphism** effect in Nexter Blocks, you can instantly give your website a modern and professional feel, without needing any custom CSS or extra plugins. Here are a few smart ways to use it: - **Hero sections** – Create bold, eye-catching first impressions with a soft blur behind your headline and CTA. - **Callout boxes** – Make important content pop over colorful or busy backgrounds without clashing. - **Pop-ups and cards** – Add a modern, frosted-glass look that feels elegant and subtle. - **Navigation bars** – Keep your menu sleek and non-distracting while blending smoothly with the page design. - **Overlays and modals** – Use transparency and blur to keep focus on the content while still showing some context behind it. - **Background sections** – Layer your design without making it feel cluttered, perfect for minimalist layouts. ### How to Enable Glassmorphism (Liquid Glass Effect) in WordPress? To get started, first add a background section in the Gutenberg editor; this could be a solid color, gradient, or even an image.  Once that’s in place, insert the block you want to style within this background. It could be a paragraph, image, button, or any other block you want to give that frosted-glass effect. Now, select the inner block (the one you want to apply the blur to), and head over to the sidebar settings. Open the **Advanced** tab, then navigate to **Global Block Styles** and expand the **Background** section. ![](https://nexterwp.com/wp-content/uploads/2025/06/Advanced-Spacing-Image.png) Here, under the **Background Filter** options, you’ll find the **Blur** control. ![](https://nexterwp.com/wp-content/uploads/2025/06/Background-Image.png)  Enable it and adjust the blur level to your liking.  ![](https://nexterwp.com/wp-content/uploads/2025/06/Background-Blur-Image.png) You can also fine-tune the **saturation** and set a **background color** to enhance the glass-like appearance. And just like that, you’ve created a smooth glassmorphism effect,  no coding, no extra plugins, just a clean design powered by Nexter Blocks. ## Update 2: Dynamic Repeater Block for WordPress Gutenberg Managing repeating content manually is time-consuming, especially when it comes to layouts like FAQs, team members, testimonials, and more. That’s where our new **Dynamic Repeater Block** comes in. It’s a block that lets you **add multiple items with the same layout**, like a list of FAQs or features, without copying and pasting every single element. ###  What You Can Build with Nexter Dynamic Repeater Block: - **FAQs:** Add new questions & answers with a click - **Services:** Showcase each service with an icon, title, and description - **Testimonials:** Add as many as you like, all following the same style - **Pricing Plans:** Clean and scalable pricing sections - **Team Member Lists:** Uniform profiles that are easy to manage ### How Can the Dynamic Repeater Block Help You? - Maintain **design consistency** - Save time with **easy duplication** - Add or remove content **on the fly** without affecting the layout - User-friendly for beginners and power users alike ### How to Add Dynamic Repeater Listing Content in WordPress To start using the **Dynamic Repeater Block** in Nexter, first ensure you're working with the default WordPress block editor (Gutenberg) and that the **Nexter Blocks Pro plugin** is installed and activated.  Then, go to **Nexter Blocks > Blocks**, search for "Repeater," and toggle it on to activate the block. ![](https://nexterwp.com/wp-content/uploads/2025/06/Nexter-Blocks-Repeater-Image.png) Next, create your repeater field using a plugin like **ACF Pro**, **SCF**, or **JetEngine**.  For example, you might create a repeater field named “Steps List” that includes subfields like **Step Title** (text), **Description** (textarea), and **Step Image** (image). ![](https://nexterwp.com/wp-content/uploads/2025/06/edit-field-group-image.png) Assign this field group to a post type, such as blog posts, and then edit a post to add some sample data into these fields. Add data in repeater fields in the post to which you have to assign the repeater fields. ![](https://nexterwp.com/wp-content/uploads/2025/06/Step-List-Image-1024x374.png) Next, add the Repeater Block to the post or page where you want to show repeater data. Then, from the **Source** dropdown, select the **post type** you assigned the field to (e.g., Posts), pick the **repeater field** you created (like Steps List), and then choose the specific **post** that contains the data. ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXf63nFW_czHo17b2kVlg3Gsapg8YByguhCPM_u39O_poR5x4JVzhCzGHJ2EKsdKlA9edrpszIxFFjSmR-Vc5VtXmG6rNPmdutSR18-7TLAes5p3NocbjhA9FMZzmD3vQcpFzpudFA?key=J1_Kl9CPZEpaFepPZphcaA) Next, you can either choose a **pre-made layout** (such as a visual + text combination) or **build a custom layout** using Nexter’s various blocks. ![](https://nexterwp.com/wp-content/uploads/2025/06/Repeater-Block-Choose-Listing-layout-Option-Image.png) From the **Extra Options** tab, you can also fine-tune the layout by adjusting padding, setting the number of columns, and managing spacing between rows and columns.  Once done, your repeater data will be displayed dynamically on the front end, cleanly styled and easy to manage, right inside the block editor. [](https://t9016694417.p.clickup-attachments.com/t9016694417/eb6c45c1-7722-4e94-99f1-5ad5e31d234d/show-repeater-data.mp4?view=open) *To learn the full process in-depth, refer to this doc: ****[How to Display Dynamic Repeater Field Data in WordPress?](https://nexterwp.com/docs/display-dynamic-repeater-field-data-in-wordpress/)*** #### Stay updated with Helpful WordPress Tips, Insider Insights, and Exclusive Updates – Subscribe now to keep up with Everything Happening on WordPress! Subscribe ## Wrapping Up With **Glassmorphism** and the **Dynamic Repeater Block**, [Nexter Blocks](https://nexterwp.com/nexter-blocks/) brings you more design freedom and smarter workflows without extra plugins or complex setups. Glassmorphism lets you create sleek, frosted-glass effects for a modern, layered look. It’s ideal for hero sections, cards, and overlays that need visual depth without clutter. Meanwhile, the Dynamic Repeater Block simplifies how you manage repeating content like FAQs, testimonials, and services, saving time while keeping your layouts consistent and flexible. Both features are designed to help you build faster and design better, all inside Gutenberg. Try them out today and take your next WordPress project to the next level! ## Frequently Asked Questions **Q: What are some practical uses for the Glassmorphism effect?** A: Glassmorphism can enhance various elements on your website, such as hero sections for impactful first impressions, callout boxes to highlight important content, and navigation bars that blend seamlessly with your design. This effect adds a modern touch while keeping the content visible and appealing. **Q: What is the Dynamic Repeater Block in Nexter Blocks?** A: The Dynamic Repeater Block allows you to manage repeating content efficiently in WordPress. It lets you add multiple items with the same layout, such as FAQs or testimonials, without the hassle of copying and pasting each element. This feature is designed to save time while maintaining design consistency. **Q: How can the Dynamic Repeater Block improve my workflow?** A: Using the Dynamic Repeater Block can significantly streamline your content management. It allows for easy duplication of items, quick addition or removal of content without disrupting the layout, and is user-friendly for both beginners and experienced users, making it ideal for managing content like FAQs and services. **Q: Are there any limitations to using the Glassmorphism effect?** A: While Glassmorphism adds a stylish look, it may not be suitable for all designs. Overusing this effect can lead to a cluttered appearance, especially on busy backgrounds. It's best to use it selectively in areas where you want to create depth without overwhelming the viewer. **Q: What common mistakes do users make when implementing the Dynamic Repeater Block?** A: One common mistake is not properly assigning the repeater field to the correct post type before adding the Repeater Block. Ensure that your repeater fields are set up correctly using plugins like ACF Pro or JetEngine, and that you select the appropriate post type when displaying the repeater data.