robcruiz

<p>This is a single block plugin that adds an audio player web component block to the Gutenberg editor.<br />
This audio player renders the waveform of the audio when loaded and allows the user to move the playhead, play, and pause audio.<br />
The block also shows the total duration of the audio and the current elapsed play time.<br />
The current version of the block contains only 2 themes (dark and light), but may be expanded in the future.<br />
Audio for the player is stored in WordPress as media.</p>
<p><a href="https://github.com/robruiz/WSAudioPlayer" rel="nofollow ugc">View the wavesurfer web component on Github >></a></p>
<h3>Plugin Contents</h3>
<ol>
<li>Gutenberg “block” that adds an audio player web component to a page</li>
</ol>


Wavesurfer Audio Player block

A plugin that adds the Wavesurfer Audio Player Web Component to WordPress

Suplugins

Superb

Superb Addons

<p>The last WordPress plugin you’ll ever need. Unlock new blocks, patterns, pre-built pages, animations, and a powerful Theme Designer. Perfect for creating beautiful websites in no time. Fully compatible with the regular WordPress editor and Elementor!</p>
<h3>Key Features You’ll Love ✨</h3>
<ul>
<li>10+ new blocks</li>
<li>200+ patterns for every purpose</li>
<li>50+ pre-built full pages</li>
<li>20+ pre-built headers & footers</li>
<li>Powerful Theme Designer</li>
<li>Responsive block controls</li>
<li>Animations</li>
<li>Advanced custom CSS options</li>
<li>Editor enhancements</li>
<li>Fully compatible with the regular WordPress Editor, Elementor, and other popular page builders</li>
</ul>
<p>Superb Addons makes it easy for anyone to build a website that looks like a pro designed it — no coding required. Whether you’re creating a blog, online shop, landing page, business site, or something totally unique, Superb Addons has you covered. It can even improve your existing website by making it responsive and adding new features to take customization to the next level. Everything is built to help you create a beautiful, functional website quickly and without any hassle.</p>
<h3>Unlock New Possibilities with the WordPress Gutenberg Editor</h3>
<p>The WordPress Gutenberg Editor is the default editor for WordPress, and Superb Addons takes it to the next level. Supercharge your website building experience with and unlock the true potential of the Gutenberg Editor. Access a vast library of pages, patterns, blocks, interactive animations, sections, and SEO-friendly themes. Whether you’re creating a blog, business site, portfolio, online store, or landing page, Superb Addons gives you everything you need to build stunning, responsive, and search engine-optimized websites effortlessly.</p>
<h3>Powerful Theme Designer</h3>
<p>Easily customize every aspect of your WordPress theme, including the header, footer, homepage, about page, contact page, blog, and more – all with a single click. The Theme Designer works with all block themes, making it perfect for any website type. Whether you’re building a lifestyle blog, fashion website, travel blog, business site, or online store, Superb Addons is your all-in-one solution for creating a professional and unique look.</p>
<h3>Pre-built Pages and Patterns for Every Purpose</h3>
<p>Superb Addons is designed to help you build any type of website quickly and easily. With hundreds of pre-built pages and patterns, you can create a professional website in just a few clicks. Whether you need layouts for calls to action, content sections, or testimonials, we’ve got you covered. Just open the editor and insert the pattern you want – our patterns work for all posttypes.</p>
<h3>Extend the WordPress Navigation Block</h3>
<p>We’ve improved the WordPress menu by adding all the features you’ve been missing: New designs, flexible mobile and tablet options & much more.</p>
<ul>
<li>Liquid Glass Background </li>
<li>Full Color Customization </li>
<li>4 Different Designs </li>
<li>Unique Mobile/Tablet Options</li>
</ul>
<h3>Free Patterns Available for These Categories:</h3>
<ul>
<li>CTA ( Call to Action ) Patterns</li>
<li>Content Patterns </li>
<li>Contact Patterns </li>
<li>Feature Patterns </li>
<li>Navigation Patterns </li>
<li>Testimonial Patterns </li>
<li>Team Patterns </li>
<li>Stats Patterns </li>
<li>Link Patterns </li>
<li>Social Patterns </li>
<li>Posts & Query Patterns </li>
<li>Footer Patterns </li>
<li>Archive patterns</li>
<li>Announcement pattern</li>
</ul>
<h3>Pre-built Pages Available for These Categories:</h3>
<ul>
<li>Front Page / Homepage</li>
<li>Landing Page</li>
<li>Contact Page</li>
<li>Services Page</li>
<li>Blog</li>
</ul>
<h3>Not Just for the WordPress Editor: Also Compatible with Page Builders Like Elementor, Divi, and More</h3>
<p>Superb Addons extends its power beyond the WordPress editor, it’s integrated with popular page builders like Elementor, Divi, and others. Unlock 300+ unique sections, elements, widgets, and blocks to create pixel-perfect designs fast.</p>
<h3>Every Free WordPress Block You’ll Ever Need</h3>
<p>Superb Addons offers a wide range of powerful and easy-to-use WordPress Gutenberg Blocks. If you feel a specific block is missing, let us know. We’re always creating new features based on user feedback. You don’t need a license or account to get started, just activate the plugin and start.</p>
<h3>Free Rating Block</h3>
<p>Add customizable star and rating bars to your site. Rate anything from 1 to 10 in a beautiful way, making it ideal for review websites.</p>
<h3>Accordion Block</h3>
<p>The Accordion block neatly organizes content into collapsible sections. It’s ideal for FAQs accordions, product details, or any text-heavy sections. With various styling and layout options, you can easily integrate it into your site’s design.</p>
<h3>Free About The Author Box Block</h3>
<p>Add a professional “About the Author” section to your posts or pages with one click. Include your image, description, and social links. Perfect for bloggers and personal sites.</p>
<h3>Free Table of Contents  Block</h3>
<p>Automatically generate a TOC from your headings with anchor links, complete with clickable links to each section of your article. This block is a must-have for blogs and content heavy websites. It offers full customizations for borders, backgrounds, paragraphs etc.</p>
<h3>Free Recent Posts With Images Block</h3>
<p>Showcase your latest posts with sorting and filtering options. Perfect for news sites or blogs looking to highlight specific categories or articles.</p>
<h3>Free Google Maps Block</h3>
<p>Embed an interactive Google Map to display your office, restaurant, café, or any location. A great feature for businesses and local services.</p>
<h3>Free Cover Image Block</h3>
<p>Showcase your images in any size or aspect ratio. Ideal for photographers, galleries, or anyone who displays cropped images to their readers.</p>
<h3>Free Coupon Reveal Buttons</h3>
<p>Add a customizable reveal button to reveal coupon or bonus codes. Loved by coupon, betting, and casino affiliate websites, this block drives user engagement. You choose the layout, appearance and reveal conditions. You can style the buttons you wish and control how it’s revealed. It’s a great block for improving conversion rate.</p>
<h3>Extended social media buttons for the Social Icons Block</h3>
<p>We have added following social medias to the Social Icon Block: Bilibili, Buy Me a Coffee, GitLab, Gumroad, KakaoTalk, Kick, Ko-fi, Letterboxd, LINE, Linktree, Locals, Notion, pixiv, Rumble, Signal, Slack, Steam, Substack, Tripadvisor, WeChat & Weibo.</p>
<h3>Drop caps for paragraphs</h3>
<p>Add a customizable drop cap to any paragraph block to give it a classic and elegant look.</p>
<h3>Make Any WordPress Theme Mobile Responsive with Responsive Block Control</h3>
<p>Superb Addons’ Responsive Block Control feature makes it simple to create a fully responsive website. With just one click, you can control which blocks and sections of your site are displayed on mobile, tablet, and desktop devices. Responsiveness for the win!</p>
<p>Whether you’re using a block-based theme or a custom layout, this tool ensures your site looks perfect on any screen size. It’s the easiest way to make your WordPress website and theme responsive.</p>
<h3>Add Custom CSS: Optimized and Lightweight ⚡</h3>
<p>Superb Addons includes an Advanced Custom CSS feature that lets you easily add and manage custom CSS while keeping your website fast and optimized. Your custom CSS is automatically delivered in a lightweight and compressed format to ensure quick loading times and top-notch performance.</p>
<p>If something appear wrong on your website like a comparison table, then our team can send you CSS blocks which you can easily upload to Superb Addons – secure and easy. With this feature, you can also control where your custom CSS is applied, choosing specific pages or sections to load your custom styles. This flexibility allows you to keep your site clean and efficient.</p>
<h3>Add Animations to Any WordPress Block or Section of Your Website</h3>
<p>Looking to beautify your website with stunning animations for images, text, headlines, or other elements? Superb Addons makes it simple! With over 30+ animation options, you can bring your content to life and engage your visitors. we have animations for flipping, fading, sliding and much more. Choose animation triggers like scroll, click, hover, and more through our toggle menus.</p>
<h3>Use Cases</h3>
<p>Superb Addons is versatile and works exceptionally well for a variety of websites. Here’s how:</p>
<ul>
<li><strong>Blog Websites</strong>: Perfect for bloggers with customizable blocks and patterns designed for blogging and content sharing.  </li>
<li><strong>Affiliate Websites and Marketing</strong>: Optimized for AdSense and banner ads, making it ideal for generating advertisement revenue.  </li>
<li><strong>Elementor Websites</strong>: Includes 300+ sections created for Elementor.  </li>
<li><strong>Agency Websites</strong>: Whether you’re building a travel or lifestyle blog for a client, we’ve got everything you need to create a polished site.  </li>
<li><strong>Business & Company Websites</strong>: Packed with corporate patterns to help you create a professional business website.  </li>
<li><strong>eCommerce Websites and Online Shops</strong>: From jewelry to fashion and more, WooCommerce blocks and patterns make it easy to set up your store.  </li>
<li><strong>Landing Pages</strong>: Build stunning landing pages for apps, SaaS tools, or any other project with pre-designed sections.  </li>
<li><strong>Magazines and Newspapers</strong>: Add a clean, minimalistic design and publish news like the leading newspapers in no time.  </li>
<li><strong>Photographers</strong>: Showcase your photography portfolio with beautiful, customizable layouts and blocks.  </li>
<li><strong>Review Sites</strong>: Translation ready features allow you to create review sites in unlimited languages.  </li>
<li><strong>Startups</strong>: Launch a professional website for your startup with pre-built pages designed specifically for new businesses.  </li>
<li><strong>SEO Websites</strong>: Schema markup and SEO optimization help your site rank higher on Google and other search engines.  </li>
<li><strong>Writers & Authors</strong>: Publish and share your work effortlessly with dedicated blocks and patterns for authors.</li>
<li><strong>Podcasters & Entertainers</strong>: Use Superb Addons to create your podcast website with automatic updatable podcasts playlists.</li>
</ul>
<h3>Just Like a Website / Page Builder</h3>
<p>Say goodbye to bulky page builders with Superb Addons. Transform your regular WordPress editor Gutenberg into a powerful, all-in-one tool that lets you create any type of website quickly and easily. From blogs to business sites, Superb Addons empowers you to build professional websites without the need for a traditional page builder.</p>
<h3>Superb Addons Won’t Slow Down Your Website – It’s Lightweight and SEO Optimized 🚀</h3>
<p>Superb Addons is built to keep your website fast and lightweight while ensuring everything you create is search engine optimized (SEO optimized). From blocks and patterns to custom CSS, everything is designed to enhance performance without compromising speed.</p>
<p>We continually optimize Superb Addons to maintain top-notch performance, making it an excellent choice for websites where SEO and page speed are critical, like affiliate sites. Even custom CSS added through Superb Addons is compressed and delivered efficiently to minimize impact on your site’s load time.</p>
<p>With Superb Addons, you can confidently build beautiful, functional websites without worrying about slowing down your site.</p>
<h3>Compatible with Old WordPress Versions & Classic Editor Plugin: Add Blocks to Your Widget Area</h3>
<p>Superb Addons is fully compatible with older WordPress versions and the Classic Editor plugin, ensuring an awesome experience for users who prefer the traditional WordPress interface. All blocks in Superb Addons can easily be added to the widget area by navigating to <strong>Appearance > Widgets</strong>.</p>
<p>We prioritize backward compatibility, allowing users of older WordPress setups to access the powerful features of Superb Addons without any issues. Enjoy modern functionality while sticking to the classic WordPress workflow you love.</p>
<h3>Who Can Benefit from Superb Addons?</h3>
<p>Superb Addons is designed for anyone looking to supercharge their WordPress website. Here’s who will love using it:</p>
<ul>
<li><strong>Users of the New WordPress Editor (FSE/Block Editor)</strong>: Struggling with usability? Superb Addons makes the WordPress editor more intuitive and user-friendly.  </li>
<li><strong>Website Owners Needing Unique Blocks</strong>: Access blocks for reviews, coupon reveal buttons, Google Maps, and more to elevate your site.  </li>
<li><strong>Affiliate Websites and Marketers</strong>: Quickly create and launch affiliate blogs or networks with ease.  </li>
<li><strong>Anyone Wanting a Professional-Looking Website</strong>: Build a stunning, polished website that looks like it was designed by a top designer.  </li>
<li><strong>Customization Enthusiasts</strong>: Use the powerful Theme Designer to personalize every detail of your theme.  </li>
<li><strong>Animation Lovers</strong>: Add dynamic animations to any part of your WordPress website.  </li>
<li><strong>Gutenberg, Block Editor and FSE Fans</strong>: Extend the functionality of the block editor with advanced tools and features.  </li>
<li><strong>Page Builder Users</strong>: Seamlessly enhance popular page builders like Elementor with additional functionality.  </li>
<li><strong>Anyone Who Needs to Add Custom CSS</strong>: Add lightweight, optimized custom CSS without compromising speed.  </li>
<li><strong>People Who Need a Responsive Website</strong>: Ensure your website looks flawless on any device with responsive block controls.</li>
</ul>
<h3>Testimonials and Reviews 🌟</h3>
<p>Discover why users love Superb Addons and SuperbThemes:</p>
<ul>
<li><strong>Rated 4.9 on Trustpilot</strong>: Check out what our customers have to say about their experience with Superb Addons and SuperbThemes. <a href="https://www.trustpilot.com/review/superbthemes.com?stars=5" rel="nofollow ugc">Read reviews on Trustpilot</a>.  </li>
<li><strong>Rated 4.8/5 on WordPress.org</strong>: Explore user feedback and reviews for Superb Addons on WordPress.org. <a href="https://wordpress.org/support/plugin/superb-blocks/reviews/" rel="ugc">Read reviews on WordPress.org</a>.  </li>
</ul>
<p>Join thousands of satisfied users who trust Superb Addons to enhance their WordPress websites with top-notch features and exceptional support.</p>
<h3>Links to Get You Started</h3>
<p>If you need help then please contact our support or look through our docs. We’re always available to give a quick demo and help with the configuration / installation process if needed.</p>
<ul>
<li><strong>Visit Our Documentation</strong>: <a href="https://superbthemes.com/documentation/" rel="nofollow ugc">SuperbThemes Documentation</a></li>
<li><strong>Contact Our Support Team</strong>: <a href="https://superbthemes.com/contact/" rel="nofollow ugc">Support Page</a> </li>
<li><strong>Explore WordPress Block Documentation</strong>: <a href="https://wordpress.com/support/wordpress-editor/blocks/" rel="nofollow ugc">WordPress Block Guide</a> </li>
<li><strong>Learn the Block Editor</strong>: <a href="https://www.youtube.com/watch?v=yQ8JBM3Sb5c" rel="nofollow ugc">Block Editor Tutorial</a></li>
</ul>


Superb Addons: Blocks, Patterns & Theme Designer for the Block Editor & FSE

Create beautiful WordPress websites easily with 10+ blocks, 200+ patterns, 100+ pre-built pages, animations and Theme Designer. No coding needed!

Wavesurfer Audio Player block vs Superb Addons: Blocks, Patterns & Theme Designer for the Block Editor & FSE