Prolific Blocks is a WordPress plugin designed to expand the functionality of the block editor by introducing additional customizable blocks. Whether you want to integrate stylish hamburger menus, carousels, interactive Lottie animations, dynamic timelines, or tabbed content, Prolific Blocks has the tools you need to create engaging web experiences.
- Add a customizable hamburger button to your page.
- Clicking the button toggles an
activeclass on the<body>tag, enabling interaction with menus or other elements. - Supports various animation styles for the hamburger button.
- Manage ARIA controls for accessibility.
- Create responsive carousels with unlimited slides.
- Configure slides per view, spacing between slides, and device-specific settings for desktop, tablet, and mobile.
- Flexible options to customize the appearance and behavior of your carousel.
- Full accessibility support with keyboard navigation, screen reader announcements, and pause controls.
- Enhanced security with robust SVG sanitization for custom navigation icons.
- Mobile-optimized with touch support enabled by default.
- Built using the Swiper.js library for smooth performance.
- Upload Lottie animations (JSON files) directly to your WordPress media library.
- Customize playback options such as speed, autoplay, looping, and more.
- Enable "play on scroll" to trigger animations as users scroll through your page.
- Support for starting animation when it becomes visible in the viewport.
- Build vertical timelines with unlimited items.
- Supports native scrolling animations for a smooth user experience.
- Easily customize each timeline item's appearance.
- Create tabbed content sections with customizable appearance.
- Add any block content within each tab panel.
- Improve content organization and user experience.
Download the latest release of the Prolific Blocks plugin from the WordPress plugin repository or directly from this GitHub repository.
- In your WordPress dashboard, navigate to Plugins > Add New.
- Click on Upload Plugin and select the
prolific-blocks.zipfile. - Click Install Now.
Once installed, click Activate Plugin to start using Prolific Blocks.
After activation, you can start using the available blocks in the WordPress block editor.
- Add the Hamburger Block to your page.
- Customize the button's animation style and design in the block settings.
- When clicked, it will toggle an
activeclass on the<body>tag, allowing you to reveal hidden menus or other elements. - Set ARIA controls to enhance accessibility.
- Insert the Carousel Block into any page or post.
- Add as many slides as needed.
- Adjust settings for slide spacing, slides per view, and responsive behavior for different devices.
- Enable accessibility features like keyboard navigation and screen reader support.
- Add custom navigation arrows using SVG files from your media library.
- Configure autoplay settings with pause on hover and pause controls.
- Upload a Lottie JSON file through the block editor.
- Customize animation options such as autoplay, loop, and animation speed.
- Enable "play on scroll" or "start on view" to enhance user interaction.
- Add the Timeline Block to display a vertical timeline.
- Customize the content and appearance of each timeline item.
- Enable scrolling animations to enhance the user experience.
- Add the Tabs Block to your page.
- Insert Tab Panel blocks within it to organize your content.
- Customize the appearance and behavior of the tabs.
Prolific Blocks is configured to receive automatic update notifications in your WordPress dashboard when new versions are released on GitHub.
Current version: 1.0.0
We're constantly improving Prolific Blocks and plan to introduce more block types and features in future updates. Stay tuned for exciting new functionality.
Prolific Blocks is licensed under GPL-2.0-or-later.