lubus

Ajit Bohra

<blockquote>
Disclaimer: Experimental feature plugin to extend gutenberg block. Have a suggestion feel free to send a PR or <a href="https://github.com/lubusIN/block-background/issues" rel="nofollow ugc">open an issue</a>.
</blockquote>
Extend gutenberg blocks with additional background options
Usage
<ul>
<li>Simply activate and new options for background will be added to inspector / sidebar options</li>
<li>Insert block of your choice add set background options</li>
<li>Live preview of background changes in your editor</li>
</ul>
Roadmap
<ul>
<li>More customization options</li>
</ul>
If you have any suggestions/Feature request that you would like to see in the upcoming releases , feel free to let us know in the <a href="https://github.com/lubusIN/block-background/issues" rel="nofollow ugc">issues section</a>

Block Background

works fine. i'd update the docs page, on how to implement own color palettes, as this was something i had to figure out myself. here is a manual.

works as expected

Extend gutenberg blocks with additional background options

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.

Block Background vs SUUVO Widgets for Elementor