WordPress.org
Get WordPress
WordPress.org

Plugin Directory

SUUVO Widgets for Elementor

SUUVO Widgets for Elementor

By Gazi Mohammad Yeasin
Download

Description

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:hover bleed, Astra typography, GeneratePress link styles).
  • Translation-ready — Text Domain suuvo-widgets-for-elementor, all strings wrapped in esc_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)

Screenshots

  • SUUVO Waitlist Button — gradient pill button with grain noise and outer glow.
  • SUUVO Stacked Tabs — sticky-scroll feature showcase with phone mockups.
  • SUUVO Tilted Cards — fanned-out feature cards with rotation and gradient backgrounds.
  • SUUVO Hero Heading — bold heading with hand-drawn arrow side annotation.
  • SUUVO Floating Gallery — animated card showcase with spring physics.
  • SUUVO FAQ Accordion — numbered items with gradient toggle button.
  • SUUVO Social Proof — overlapping avatar stack with animated counter.
  • Elementor controls panel — extensive customization for each widget.

Installation

From WordPress Admin

  1. Go to Plugins Add New in your WordPress admin.
  2. Search for “SUUVO Widgets for Elementor”.
  3. Click Install Now, then Activate.
  4. Open any page with Elementor — find SUUVO widgets under the SUUVO Widgets category in the widget panel.

Manual Installation

  1. Download the plugin ZIP from WordPress.org.
  2. Go to Plugins Add New Upload Plugin in WordPress admin.
  3. Select the ZIP file, click Install Now, then Activate.
  4. Edit any page with Elementor — drag any widget from the SUUVO Widgets category onto the canvas.

Via FTP

  1. Unzip the plugin file.
  2. Upload the suuvo-widgets-for-elementor folder to /wp-content/plugins/.
  3. Activate the plugin through the Plugins menu in WordPress.

FAQ

Does this require Elementor Pro?

No. The free version of Elementor (3.5.0 or higher) is all you need. Every SUUVO widget works with Elementor Free.

Will it work with my theme?

Yes. SUUVO widgets ship with their own scoped styles and don’t depend on theme styling. The plugin includes defensive CSS rules that handle common theme conflicts (Hello Elementor button hover bleed, Astra link colors, GeneratePress typography overrides, etc.).

Are the widgets responsive?

Yes. Every visual property — size, spacing, position, layout — exposes per-breakpoint values (Desktop / Tablet / Mobile) via Elementor’s responsive control system. Default values are tuned for each breakpoint so your widgets look good on mobile out of the box.

Will the widgets slow down my site?

No. The plugin loads scripts and styles only on pages where its widgets are actually present (Elementor’s built-in conditional asset loading). No external libraries — animations use native CSS plus minimal vanilla JavaScript. Total payload is roughly 250 KB across all 10 widgets.

Can I use these widgets without Elementor?

No. SUUVO widgets are built specifically for Elementor’s editor and are registered as Elementor widgets. They cannot be used as Gutenberg blocks or page builder-agnostic shortcodes.

How do I customize the colors and gradients?

Every widget exposes its colors via Elementor Style controls — open any widget in the editor and use the Style tab. Gradient widgets have separate Color 1, Color 2, stop position, and angle controls. Hover state colors are typically separate from base state colors.

Is the plugin GDPR-compliant?

Yes. The plugin doesn’t collect, store, or transmit any user data. It doesn’t use cookies, doesn’t make external requests, and doesn’t include any tracking. It’s purely a presentation layer for Elementor.

Can I translate the plugin into my language?

Yes. The plugin is fully translation-ready — Text Domain suuvo-widgets-for-elementor, all UI strings properly internationalized. WordPress will auto-load translations from /wp-content/languages/plugins/suuvo-widgets-for-elementor-{locale}.mo if present.

How do I report a bug or request a feature?

Use the WordPress.org plugin support forum, or open an issue on GitHub at the Plugin URI listed in the plugin header.

Is the source code open?

Yes. The plugin is licensed under GPLv2 or later. You’re free to study, modify, and redistribute the code in accordance with the license.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“SUUVO Widgets for Elementor” is open source software. The following people have contributed to this plugin.

Contributors

Translate “SUUVO Widgets for Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

For the complete release history (versions 1.0.0 through current), see CHANGELOG.md in the plugin folder. Below are recent releases.

1.9.34

  • Renamed plugin folder and main PHP file from suuvo-elementor-widget to suuvo-widgets-for-elementor to match the WordPress.org-allocated plugin slug. No functional changes — all PHP code uses dynamic path resolution (__FILE__, plugin_dir_path()) so the rename is transparent. Updated readme installation instructions to reference the new folder name.

1.9.33

  • Stripped SVG <style> tag preservation entirely from container background sanitizer per WordPress.org reviewer guidance — <style> blocks in uploaded SVGs are now removed during sanitization. SVGs that need styling can use style="" attributes on individual elements (still supported via wp_kses).
  • Removed AI-assisted documentation files (WORDPRESS-SUBMISSION-GUIDE.md and similar) from the plugin folder per reviewer feedback. Full release history remains in CHANGELOG.md.
  • Updated text domain across all 969 i18n function calls from suuvo-elementor-widget to suuvo-widgets-for-elementor to match the WordPress.org-allocated plugin slug. Text Domain header updated to match.

1.9.32

  • Plugin display name renamed from “SUUVO Elementor Widget” to “SUUVO Widgets for Elementor” per WP.org reviewer guidance — clarifies non-affiliation with Elementor by using the “for [trademark]” naming convention.
  • Added “Requires Plugins: elementor” header — uses WP 6.5+ plugin dependency feature so WordPress checks Elementor is installed and active before activating this plugin.
  • Documentation comment added above the SVG-internal <style> extraction in container-bg-extension.php to clarify it is SVG-scoped styling (per SVG spec), not page-level CSS — was flagged by automated tooling without context.

1.9.31

  • Author URI updated to homepage https://luminaith.com (Plugin URI keeps the plugin-specific landing page).

1.9.30

  • Updated Contributors username from gaziyeasin to yeasin62 to match the actual WordPress.org account.

1.9.29

  • Author/Contributor info finalized for WordPress.org submission: Author = Gazi Mohammad Yeasin, Plugin URI and Author URI = https://luminaith.com/suuvo-elementor-widget, Contributor username = gaziyeasin.

1.9.28

  • WordPress.org Plugin Check compliance: replaced placeholder Plugin URI / Author URI with real GitHub URLs, removed deprecated load_plugin_textdomain() call (auto-loaded by WP since 4.6), removed unused Domain Path header, bumped Tested up to to 6.9, trimmed Tags to 5 per WP guidelines, and moved full changelog history to CHANGELOG.md so this section stays under the 5000-character limit.

1.9.27

  • Stacked Tabs is now fully responsive across all breakpoints. Removed hardcoded CSS @media variable overrides that were defeating the responsive controls. Converted 7 visual-impact controls (card_radius, card_gap, tab_height, tab_radius, phones_min_height, checklist_icon_gap, checklist_spacing) from static to responsive with sensible tablet/mobile defaults. Per-card phone image and subtitle arrow auto-scale at smaller breakpoints via CSS variables. Total responsive controls: 18 (was 11).

1.9.26

  • Tilted Cards: Card Min Height range expanded to 0-800px (was 200-700) so cards can shrink to content. New “Image Min Height” control exposes the previously-hardcoded 140px floor.

1.9.25

  • Tilted Cards: removed hardcoded width: 100% !important mobile overrides that forced full-width regardless of Card Width control. Mobile Card Width and Card Min Height now actually apply.

1.9.24

  • Hero Heading: arrow and script text move independently. Arrow movement switched from transform to position:relative + left/top so it composes properly with mirror flip. New Script Text Offset X/Y/Rotation controls so the script text can move without disturbing the arrow.

1.9.23

  • Hero Heading: annotation positioning expanded — Vertical Position now supports both % and px, ranges expanded, negative offsets allowed. Added Fine-Tune X/Y and Rotation controls for pixel-precision nudging on top of the existing anchor controls.

1.9.22

  • Hero Heading: “Heading Side Padding” now reliably applies via direct !important selectors instead of CSS-variable indirection. Cached per-page CSS no longer defeats the control.

1.9.21

  • Hero Heading: split single Annotation Color into independent Script Text Color + Arrow Color. Added Arrow Offset X/Y and Rotation movement controls.

Meta

Ratings

No reviews have been submitted yet.

Your review

See all reviews

Support

Got something to say? Need help?

View support forum