PHPackages                             eighteen73/matter - 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. eighteen73/matter

ActiveWordpress-plugin

eighteen73/matter
=================

Matter

v0.1.1(today)01↑2900%[2 issues](https://github.com/eighteen73/matter/issues)GPL-2.0-or-laterJavaScriptPHP >=7.4CI failing

Since Jun 26Pushed todayCompare

[ Source](https://github.com/eighteen73/matter)[ Packagist](https://packagist.org/packages/eighteen73/matter)[ RSS](/packages/eighteen73-matter/feed)WikiDiscussions main Synced today

READMEChangelog (2)Dependencies (1)Versions (5)Used By (0)

Matter
======

[](#matter)

 **Custom blocks and block editor enhancements from eighteen73.**

Matter is our consolidated WordPress plugin for custom blocks and editor tooling. The focus is on practical, composable blocks built for real client work, with room to grow into a single home for all of our block editor enhancements over time.

Block list
----------

[](#block-list)

### [Carousel](/src/blocks/carousel/)

[](#carousel)

An [Embla](https://www.embla-carousel.com/) powered carousel with flexible inner blocks. Compose the carousel from a viewport, navigation controls, and optional thumbnails, then drop any blocks you like inside the slides.

#### Attributes

[](#attributes)

- emblaConfig
- advancedEmblaConfig
- advancedEmblaConfigMerge

#### Child blocks

[](#child-blocks)

##### [Viewport](/src/blocks/carousel-viewport/)

[](#viewport)

The slide area. Add your slide content here, typically groups or other layout blocks.

##### [Thumbnails](/src/blocks/carousel-thumbnails/)

[](#thumbnails)

Optional thumbnail navigation synced with the main carousel.

- syncWithCarousel
- activeThumbnailColor

##### [Dots](/src/blocks/carousel-dots/)

[](#dots)

Pagination dots for jumping between slides.

- dotColor
- dotActiveColor

##### [Progress](/src/blocks/carousel-progress/)

[](#progress)

A progress bar showing carousel position.

- indicateCurrentPosition
- barColor

##### [Previous Button](/src/blocks/carousel-previous-button/) / [Next Button](/src/blocks/carousel-next-button/)

[](#previous-button--next-button)

Previous and next slide controls.

- iconColor

---

### [Tabs](/src/blocks/tabs/)

[](#tabs)

An accessible tabbed interface for organising detailed content. Supports deep linking, responsive collapse into an accordion-style layout, and query-driven tab panels.

#### Attributes

[](#attributes-1)

- activeTabIndex
- deepLinking
- deepLinkingUpdateHistory
- collapses
- collapsesOn
- isQueryMode
- stackOnMobile
- stackedBreakpoint

#### Child blocks

[](#child-blocks-1)

##### [Tab List](/src/blocks/tab-list/)

[](#tab-list)

The row of tab buttons.

- tabBackgroundColor
- tabActiveColor

###### [Tab Button](/src/blocks/tab-button/)

[](#tab-button)

An individual tab label. Supports optional media for richer tab designs.

- label
- mediaId
- mediaType
- posterId
- focalPoint

##### [Tab Panels](/src/blocks/tab-panels/)

[](#tab-panels)

The container for tab content. Can hold standard panels or a Query Loop for dynamic tabs.

- tabPanelActiveColor

###### [Tab Panel](/src/blocks/tab-panel/)

[](#tab-panel)

The content shown when a tab is active.

- label
- inQueryLoop

---

### [Collapsible](/src/blocks/collapsible/)

[](#collapsible)

An interactive section that reveals content when triggered. Useful for toggles and inline expandable panels. Accepts a Trigger or Hamburger Trigger, plus Collapsible Content.

#### Attributes

[](#attributes-2)

- type (popover or inline)
- targetId

#### Child blocks

[](#child-blocks-2)

##### [Collapsible Content](/src/blocks/collapsible-content/)

[](#collapsible-content)

The panel revealed by the trigger.

---

### [Modal](/src/blocks/modal/)

[](#modal)

A modal dialog for displaying content without leaving the page. Supports automatic opening on load, after a delay, on scroll, or when URL parameters match. Accepts a Trigger or Hamburger Trigger, plus Modal Content.

#### Attributes

[](#attributes-3)

- targetId
- triggerOnLoad
- triggerDelay
- triggerOnScroll
- scrollSelector
- scrollThreshold
- urlTriggers
- dismissedDuration

#### Child blocks

[](#child-blocks-3)

##### [Modal Content](/src/blocks/modal-content/)

[](#modal-content)

The dialog panel itself.

- backdropColor
- backdropOpacity
- backdropBlur
- width
- height

---

### [Drawer](/src/blocks/drawer/)

[](#drawer)

A slide-in panel for off-canvas content, ideal for sidebars, filters, and mobile navigation. Accepts a Trigger or Hamburger Trigger, plus Drawer Content.

#### Attributes

[](#attributes-4)

- targetId

#### Child blocks

[](#child-blocks-4)

##### [Drawer Content](/src/blocks/drawer-content/)

[](#drawer-content)

The sliding panel.

- backdropColor
- backdropOpacity
- backdropBlur
- position (left, right, top, bottom)
- width
- height
- layout

---

### [Trigger](/src/blocks/trigger/)

[](#trigger)

A button-based trigger for opening a Modal, Drawer, or Collapsible block. Wraps core Buttons so you can style the control however you like.

- targetId

Used inside Modal, Drawer, and Collapsible blocks, but can also be used standalone.

---

### [Hamburger Trigger](/src/blocks/trigger-hamburger/)

[](#hamburger-trigger)

An animated hamburger icon trigger for opening a Modal, Drawer, or Collapsible block. Useful for mobile menus and overlay panels.

- label
- showLabel

Used inside Modal, Drawer, and Collapsible blocks.

---

### [Close](/src/blocks/close/)

[](#close)

A dismiss button for Modal Content and Drawer Content.

- label
- showLabel
- position
- positionOffset

Used inside Modal Content and Drawer Content blocks.

---

### [Navigation](/src/blocks/navigation/)

[](#navigation)

Select and render an existing WordPress Navigation menu as a simplified, read-only block. Choose from simple, accordion, or drill-down layouts for submenus.

#### Attributes

[](#attributes-5)

- ref
- type (simple, accordion, drill-down)
- submenuOpensOnClick
- showSubmenuLabel
- showSubmenuViewAll
- layout
- iconColor
- accentColor
- submenuTextColor
- submenuBackgroundColor
- submenuIconColor
- backTextColor
- backBackgroundColor
- backIconColor
- submenuDividerColor

Filters
-------

[](#filters)

### Block registration

[](#block-registration)

Individual blocks can be opted out of registration:

```
add_filter( 'matter_register_carousel', '__return_false' );
```

Replace `carousel` with any block folder slug from `src/blocks/`. The filter receives `$should_register` and `$block_folder` as arguments.

```
add_filter(
	'matter_register_navigation',
	function ( $should_register, $block_folder ) {
		// Conditionally disable on certain sites or post types.
		return $should_register;
	},
	10,
	2
);
```

###  Health Score

35

—

LowBetter than 77% of packages

Maintenance100

Actively maintained with recent releases

Popularity2

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity26

Early-stage or recently created project

 Bus Factor1

Top contributor holds 61.4% 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

Unknown

Total

1

Last Release

0d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/73229?v=4)[Brett Mason ](/maintainers/brettsmason)[@brettsmason](https://github.com/brettsmason)

---

Top Contributors

[![DanielHudson2](https://avatars.githubusercontent.com/u/35522603?v=4)](https://github.com/DanielHudson2 "DanielHudson2 (153 commits)")[![brettsmason](https://avatars.githubusercontent.com/u/73229?v=4)](https://github.com/brettsmason "brettsmason (96 commits)")

### Embed Badge

![Health badge](/badges/eighteen73-matter/health.svg)

```
[![Health](https://phpackages.com/badges/eighteen73-matter/health.svg)](https://phpackages.com/packages/eighteen73-matter)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)