PHPackages imagewize/elayne-blocks - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Image & Media](/categories/media) 4. / 5. imagewize/elayne-blocks ActiveWordpress-plugin[Image & Media](/categories/media) imagewize/elayne-blocks ======================= Custom WordPress blocks for the Elayne theme including Mega Menu, Carousel, and Slide blocks v2.7.1(3mo ago)0197[1 PRs](https://github.com/imagewize/elayne-blocks/pulls)GPL-3.0-or-laterJavaScriptPHP >=7.3CI passing Since Dec 23Pushed 4w agoCompare [ Source](https://github.com/imagewize/elayne-blocks)[ Packagist](https://packagist.org/packages/imagewize/elayne-blocks)[ Docs](https://github.com/imagewize/elayne-blocks)[ RSS](/packages/imagewize-elayne-blocks/feed)WikiDiscussions main Synced 3w ago READMEChangelog (10)Dependencies (5)Versions (43)Used By (0) [![Elayne Blocks Logo](assets/icon.svg)](assets/icon.svg) Elayne Blocks ============= [](#elayne-blocks) Custom WordPress blocks that work with any theme. Description ----------- [](#description) Elayne Blocks is a WordPress plugin that provides custom Gutenberg blocks. While originally developed as a companion plugin for the Elayne theme, **these blocks work with any WordPress theme** - FSE (Full Site Editing) themes, block themes, or classic themes. This plugin was created to align with WordPress.org Theme Review requirements, which prohibit custom block registration in themes. The blocks are theme-agnostic and can be used in any WordPress site. Included Blocks --------------- [](#included-blocks) - **Mega Menu Block** (`elayne/mega-menu`) - Advanced navigation menu with mega menu functionality (works best with FSE/block themes) - **Carousel Block** (`elayne/carousel`) - Responsive image/content carousel with Slick Carousel integration, thumbnails, and arrow customization - **Slide Block** (`elayne/slide`) - Individual carousel slides with InnerBlocks support - **FAQ Tabs Block** (`elayne/faq-tabs`) - Interactive FAQ with vertical tab navigation and dynamic content display - **Search Overlay Trigger Block** (`elayne/search-overlay-trigger`) - Search icon that opens a full-screen search overlay Requirements ------------ [](#requirements) - WordPress 6.7 or higher - PHP 7.3 or higher - Works with any WordPress theme (FSE, block, or classic) Installation ------------ [](#installation) 1. Upload the `elayne-blocks` folder to the `/wp-content/plugins/` directory 2. Activate the plugin through the 'Plugins' menu in WordPress 3. The blocks will be available in the block editor Contributing ------------ [](#contributing) See `CONTRIBUTING.md` for development workflow and build instructions. Block Details ------------- [](#block-details) ### Mega Menu Block [](#mega-menu-block) Advanced navigation block with template part integration for creating dynamic mega menus. **Features:** - WordPress Interactivity API integration - Template part support - Responsive design - Keyboard navigation support ### Carousel Block [](#carousel-block) Create responsive image/content carousels using Slick Carousel. **Features:** - Slick Carousel integration - Thumbnail navigation (above/below/left/right) - Center mode with configurable peek - Variable width slides - Lazy loading options - Adaptive height support - Arrow customization (SVG styles, backgrounds, sizes, custom SVG) - Block patterns for common use cases - Responsive breakpoints - Touch/swipe support ### Slide Block [](#slide-block) Companion block for the Carousel block. **Features:** - InnerBlocks support for flexible content - Works seamlessly with Carousel parent block ### FAQ Tabs Block [](#faq-tabs-block) Interactive FAQ block with vertical tab navigation and dynamic content display. **Features:** - Vertical tab navigation with questions - Dynamic content area showing answers - Customizable button with configurable text and URL - WordPress Interactivity API integration - Editable questions, titles, and descriptions via block inspector - Responsive design with flexible layout ### Search Overlay Trigger Block [](#search-overlay-trigger-block) A clickable search icon that opens a full-screen search overlay with smooth animations. **Features:** - Full-screen search overlay with backdrop blur - Smooth fade-in/scale animations - Auto-focus on search input when opened - Multiple close methods (X button, backdrop click, Escape key) - Body scroll lock when overlay active - Responsive design optimized for mobile - Vanilla JavaScript (no dependencies) - ARIA labels and keyboard accessibility License ------- [](#license) GPL v3 or later - Credits ------- [](#credits) - Based on blocks originally developed for the Elayne theme - Icon: [IconPark Block One](https://blade-ui-kit.com/blade-icons/iconpark-blockone-o) from [Blade UI Kit](https://blade-ui-kit.com/blade-icons) - Mega Menu block originally inspired by [Human Made's HM Mega Menu Block](https://github.com/humanmade/hm-mega-menu-block) and substantially enhanced with multiple layout modes, advanced positioning, focus management, and accessibility features - Carousel block originally inspired by the [Carousel Block Plugin](https://wordpress.org/plugins/carousel-block/) by Virgiliu Diaconu, but completely reimplemented using Slick Carousel with a different feature set, extensive customization options, and distinct functionality - Built with `@wordpress/scripts` - Uses [Slick Carousel](https://kenwheeler.github.io/slick/) library for carousel functionality Support ------- [](#support) For issues and feature requests, please visit: Author ------ [](#author) Jasper Frumau - ### Health Score 40 — FairBetter than 86% of packages Maintenance88 Actively maintained with recent releases Popularity14 Limited adoption so far Community6 Small or concentrated contributor base Maturity42 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~2 days Recently: every ~13 days Total 34 Last Release 99d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/01563ca58ee6cd8347183741d139584749756ca5e02cd062915ca0b5edcc8057?d=identicon)[jasperf](/maintainers/jasperf) --- Top Contributors [![jasperf](https://avatars.githubusercontent.com/u/344138?v=4)](https://github.com/jasperf "jasperf (232 commits)") --- Tags blocksgutenberg-blocksreactjswordpresswordpress-pluginpluginwordpresscarouselblocksgutenbergmega-menuelayne ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/imagewize-elayne-blocks/health.svg) ``` [![Health](https://phpackages.com/badges/imagewize-elayne-blocks/health.svg)](https://phpackages.com/packages/imagewize-elayne-blocks) ``` ### Alternatives [wp-sync-db/wp-sync-db-media-files WP Sync DB Media File Addon for WP Sync DB 531151.7k](/packages/wp-sync-db-wp-sync-db-media-files)[humanmade/gaussholder Fast and lightweight image previews for WordPress 196120.0k](/packages/humanmade-gaussholder)[helsingborg-stad/municipio A bootstrap theme for creating municipality sites. 4028.3k10](/packages/helsingborg-stad-municipio)[mindkomm/timmy Advanced image manipulation for Timber. 17737.1k](/packages/mindkomm-timmy)[infinum/eightshift-libs WordPress libs developed by Eightshift team to use in modern WordPress. 63123.8k3](/packages/infinum-eightshift-libs)[viper007bond/regenerate-thumbnails Regenerate the thumbnails for one or more of your image uploads. Useful when changing their sizes or your theme. 13912.3k](/packages/viper007bond-regenerate-thumbnails) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)