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
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/mdasifhossainnadim/gutenberg-block-collection/archive/refs/heads/develop.zip
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