Gazi Mohammad Yeasin

SUUVO Widgets for Elementor is a curated collection of 10 beautifully crafted, fully customizable Elementor widgets designed for modern landing pages, SaaS sites, and marketing pages. Every widget is built with modern design trends in mind — glassmorphism, gradient backgrounds, grain noise textures, and smooth micro-interactions — and ships with extensive Elementor controls for fine-tuning every detail.
<h4>Included Widgets (10)</h4>
<ul>
<li>SUUVO Waitlist Button — Pill-shaped CTA button with multi-stop gradient, grain noise texture, inner highlight, outer glow, and 5 hover animation styles.</li>
<li>SUUVO Vibrant Button — Bold gradient pill button with halo glow effect; toggle between gradient and solid backgrounds.</li>
<li>SUUVO Frosted Button — Frosted-glass white surface button with gradient text via background-clip and embossed shadows.</li>
<li>SUUVO Social Proof — Overlapping circular avatar stack with counter and label text; animated count-up on scroll-into-view.</li>
<li>SUUVO Floating Gallery — Free-form positioned card showcase with spring animations: scroll-in stagger entrance, idle floating motion, mouse parallax, and hover lift/scale/3D-tilt. Switch to a clean grid layout when needed.</li>
<li>SUUVO Hero Heading — Bold landing-page heading with mixed inline content (text, oval/circle/rounded images, large emoji) plus an optional side annotation (cursive script + curved arrow) for hand-drawn marketing emphasis. Independently controllable arrow + script positioning.</li>
<li>SUUVO Tilted Cards — Colorful feature card stack with per-card rotation and Y-offset for an organic fanned-out look. Each card supports gradient backgrounds, flower-shaped icon badges, title, description, optional image, and responsive layouts (grid / stack / horizontal scroll).</li>
<li>SUUVO Stacked Tabs — Sticky-scroll feature showcase where tab cards stack on top of each other with sticky positioning. Per-card content with phone mockup images, checklists, and gradient or solid backgrounds. Fully responsive.</li>
<li>SUUVO Creator Cards — Five overlapping creator portrait cards arranged in an arc with parallax depth and floating idle animation. Plus configurable arrow + caption.</li>
<li>SUUVO FAQ Accordion — Numbered FAQ items with gradient toggle button and smooth grid-template-rows expand animation. Theme-bleed-proof hover styling.</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>Pixel-perfect design — glassmorphism, noise grain, inner highlights, soft glows, gradients with individual color stop controls.</li>
<li>Fully customizable via Elementor — every widget exposes 30-50+ controls covering colors, typography, spacing, animations, layout, and per-element styling.</li>
<li>Truly responsive — separate Desktop / Tablet / Mobile values on size, spacing, position, and layout controls. Per-breakpoint defaults that look good out of the box.</li>
<li>Hover & idle animations — 5+ hover styles per applicable widget, plus optional idle breathing/floating animations. All respect <code>prefers-reduced-motion</code>.</li>
<li>Scroll-triggered animations — IntersectionObserver-based entrance animations (fade, stagger, parallax) — fire once, no jank.</li>
<li>Accessibility built in — semantic HTML, proper focus states, ARIA where appropriate, keyboard navigation for accordions and interactive widgets.</li>
<li>Lightweight — no external libraries (no jQuery dependency for animations, no Framer Motion, no GSAP). Pure CSS + vanilla JavaScript with IIFE-wrapped strict-mode scripts.</li>
<li>Theme-compatible — scoped styles, defensive locks against common theme overrides (Hello Elementor <code>button:hover</code> bleed, Astra typography, GeneratePress link styles).</li>
<li>Translation-ready — Text Domain <code>suuvo-widgets-for-elementor</code>, all strings wrapped in <code>esc_html__()</code> / <code>esc_attr__()</code>.</li>
<li>Performance-conscious — assets only enqueue on pages where widgets are actually used.</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0 or higher</li>
<li>PHP 7.4 or higher</li>
<li>Elementor 3.5.0 or higher (free version is sufficient)</li>
</ul>

SUUVO Widgets for Elementor

A collection of 10 premium Elementor widgets with glassmorphism design, gradients, and smooth micro-interactions. Free Elementor compatible.

Yaidier

This Elementor addon is the first of its kind, and it apply a glassmorphism effect to the Elementor columns, making it looks great which will keep your development skills up to date with latest design trends.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ndGZKyXZrPQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Features
<ul>
<li>Blur Glass Effect</li>
<li>Use Elementor Columns as Cards</li>
<li>Can add any Elementor widget on top of it</li>
<li>Responsive Design</li>
<li>Live Updated Changes</li>
<li>Draggable Widget</li>
</ul>
How to use it
<ul>
<li>Go to Elementor’s Back-end Panel and Search for “Glassy Columns” on the Widgets Basic area.</li>
<li>Drag the “Glassy Columns” widget into the coulm you want to apply the glassmorphism effect.</li>
<li>Ensure that the “Glassy Columns” widget is the first widget in that column.</li>
<li>Select the “Glassy Columns” widget and turn on the “Activate” button.</li>
<li>Adjust the blur effect at your will.</li>
<li>Play around and have fun with it 🙂</li>
</ul>
<a href="https://wirenomads.com/elementor-glassy-columns/" rel="nofollow ugc">OFFICIAL SITE</a>

WN Elementor Glassy Columns

Apply a modern glass blur effect to the Elementor columns making it looks great.

SUUVO Widgets for Elementor vs WN Elementor Glassy Columns