Vivido – Callout Boxes, Colored Notes & Dividers

Vivido is a lightweight, zero-dependency WordPress design utility engineered to transform plain paragraphs into structured, high-converting editorial layouts. From eye-catching alert boxes and minimalist quotation notes to colorful horizontal dividers, icon-accented list badges, and syntax-highlighted code containers with 1-click clipboard copying, Vivido gives content creators complete creative control directly from the WordPress dashboard. Make your WordPress content visually engaging, readable, and interactive—without writing a single line of custom CSS.

Key Features

Visual Shortcode Generators: Build and fine-tune every component using intuitive admin panels equipped with real-time live previews. Adjust colors, borders, icons, and text, then click to copy the ready-to-use shortcode.

Interactive Callout & Alert Boxes ([color_box]): Highlight critical takeaways with preconfigured presets (Info, Tip, Warning, Danger) or customize background tints, text colors, and corner curvature. Includes integrated SVG icons and optional call-to-action (CTA) buttons.

Minimalist Quote Notes ([color_note]): Add clean, distraction-free callout banners anchored by a distinctive left accent bar.

Custom Horizontal Dividers ([color_divider]): Break up long-form articles with adjustable separator lines. Control stroke thickness (1px–10px), line patterns (solid, dashed, dotted, double), width percentages, and alignment (left, center, right).

Expressive Icon Bullet Lists ([vivido_list]): Replace dull bullet dots with expressive status icons—such as checkmarks, stars, warning triangles, crosses, and colored status dots. Choose across 4 distinct badge styles: Flat, Solid Circle, Soft Duotone Tint, or Outlined Frame.

Clean Code Blocks with Instant Copy ([vivido_code]): Present terminal commands and programming snippets inside a sleek, dark container labeled by programming language. Visitors can copy the snippet with a single click.

Why Choose Vivido?

Zero External Dependencies: Built strictly with pure vanilla CSS and JavaScript. No bloated third-party frameworks, external icon fonts, or heavy libraries affecting your Core Web Vitals or page load speeds.

Universal Editor Compatibility: Fully compatible with the Gutenberg block editor (via shortcode and paragraph blocks), Classic TinyMCE Editor, and popular visual builders like Elementor.
Built for Enterprise & Editorial Sites: Secure setting registrations, native WordPress sanitization callbacks, and strict LTR code block formatting make it rock-solid on modern WordPress environments.