SUUVO Widgets for Elementor
·
A collection of 10 premium Elementor widgets with glassmorphism design, gradients, and smooth micro-interactions. Free Elementor compatible.
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.
Included Widgets (10)
- SUUVO Waitlist Button — Pill-shaped CTA button with multi-stop gradient, grain noise texture, inner highlight, outer glow, and 5 hover animation styles.
- SUUVO Vibrant Button — Bold gradient pill button with halo glow effect; toggle between gradient and solid backgrounds.
- SUUVO Frosted Button — Frosted-glass white surface button with gradient text via background-clip and embossed shadows.
- SUUVO Social Proof — Overlapping circular avatar stack with counter and label text; animated count-up on scroll-into-view.
- 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.
- 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.
- 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).
- 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.
- SUUVO Creator Cards — Five overlapping creator portrait cards arranged in an arc with parallax depth and floating idle animation. Plus configurable arrow + caption.
- SUUVO FAQ Accordion — Numbered FAQ items with gradient toggle button and smooth grid-template-rows expand animation. Theme-bleed-proof hover styling.
Key Features
- Pixel-perfect design — glassmorphism, noise grain, inner highlights, soft glows, gradients with individual color stop controls.
- Fully customizable via Elementor — every widget exposes 30-50+ controls covering colors, typography, spacing, animations, layout, and per-element styling.
- Truly responsive — separate Desktop / Tablet / Mobile values on size, spacing, position, and layout controls. Per-breakpoint defaults that look good out of the box.
- Hover & idle animations — 5+ hover styles per applicable widget, plus optional idle breathing/floating animations. All respect
prefers-reduced-motion. - Scroll-triggered animations — IntersectionObserver-based entrance animations (fade, stagger, parallax) — fire once, no jank.
- Accessibility built in — semantic HTML, proper focus states, ARIA where appropriate, keyboard navigation for accordions and interactive widgets.
- Lightweight — no external libraries (no jQuery dependency for animations, no Framer Motion, no GSAP). Pure CSS + vanilla JavaScript with IIFE-wrapped strict-mode scripts.
- Theme-compatible — scoped styles, defensive locks against common theme overrides (Hello Elementor
button:hoverbleed, Astra typography, GeneratePress link styles). - Translation-ready — Text Domain
suuvo-widgets-for-elementor, all strings wrapped inesc_html__()/esc_attr__(). - Performance-conscious — assets only enqueue on pages where widgets are actually used.
Requirements
- WordPress 6.0 or higher
- PHP 7.4 or higher
- Elementor 3.5.0 or higher (free version is sufficient)
