WP Manifestindependent plugin directory
manifest / editor / gutenberg-block-collection

Gutenberg Block Collection

This repository, Gutenberg Blocks Collection, is a curated set of reusable, customizable, and dynamic blocks designed to enhance WordPress websites using the Gutenberg editor. These blocks empower developers and content creators with a range of features to build engaging, interactive, and visually appealing content with minimal effort.

by MdAsifHossainNadim · github.com/mdasifhossainnadim/gutenberg-block-collection

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/mdasifhossainnadim/gutenberg-block-collection/archive/refs/heads/develop.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/mdasifhossainnadim/gutenberg-block-collection ↗

A curated collection of reusable, customizable, and dynamic Gutenberg blocks designed to enhance WordPress websites. This plugin provides content creators with a range of features to build engaging, interactive, and visually appealing content with minimal effort.

📦 Blocks Included

  1. Countdown Timer

    • Create customizable countdown timers
    • Set end date and customize colors
    • Personalize digit and label appearances

  2. Counter Animation

    • Animated number counter with smooth transitions
    • Configurable start and end values
    • Adjustable animation duration
    • Extensive styling options including typography and spacing

  3. Customer Feedback

    • Showcase customer testimonials in a slider format
    • Fully responsive design
    • Customizable layout and styling

  4. FAQs

    • Create expandable FAQ sections
    • Customize colors for background, text, and icons
    • Adjustable font sizes for questions and answers
    • Interactive hover and active states

  5. List Item

    • Advanced list items with tooltip support
    • Customizable text colors and typography
    • Optional tooltip content

  6. Pricing

    • Display pricing tables
    • Support for regular and discount prices
    • Campaign mode with percentage display
    • Customizable billing text

  7. Subscribe Field

    • Email subscription form
    • Customizable button and placeholder text
    • Optional required field validation
    • Configurable message icon

  8. Video Popup

    • Embed videos with popup functionality
    • Customizable play button
    • Support for various video URLs
    • Optional colored icon display

🚀 Installation

  1. Download the plugin
  2. Go to WordPress admin panel > Plugins > Add New
  3. Click "Upload Plugin"
  4. Upload the downloaded zip file
  5. Activate the plugin

🔧 Usage

  1. Create or edit a post/page
  2. Click the "+" icon to add a new block
  3. Look for the "Block Collection" category
  4. Select your desired block
  5. Customize the block settings in the sidebar

⚙️ Development

Prerequisites

  • Node.js (v18 or later)
  • npm run build
  • WordPress (v6.1 or later)

Setup Development Environment


# Clone the repository
git clone https://github.com/MdAsifHossainNadim/gutenberg-block-collection.git

# Install dependencies
npm install

# Start development
npm start

# Build for production
npm run build