PHPackages                             techdivision/card-materialize - 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. [Utility & Helpers](/categories/utility)
4. /
5. techdivision/card-materialize

ActiveNeos-package[Utility & Helpers](/categories/utility)

techdivision/card-materialize
=============================

Adds materialize-css styling to Card, Card.Deck and Card.Shuffle. Serves as best-practice for your own card-styling.

v1.0.0(6y ago)092GPL-3.0-or-laterCSS

Since Oct 4Pushed 6y ago15 watchersCompare

[ Source](https://github.com/techdivision/card-materialize)[ Packagist](https://packagist.org/packages/techdivision/card-materialize)[ RSS](/packages/techdivision-card-materialize/feed)WikiDiscussions master Synced 2w ago

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

Welcome to the Card family!
===========================

[](#welcome-to-the-card-family)

[![](https://github.com/techdivision/card-documentation-assets/raw/master/assets/Logo.png)](https://github.com/techdivision/card-documentation-assets/raw/master/assets/Logo.png)

Available Card Packages
[Card - the basics](https://github.com/techdivision/card)
[Card decks - aggregate cards beautifully](https://github.com/techdivision/card-decks)
[Card shuffle - deck filtering](https://github.com/techdivision/card-shuffle)
[Bootstrap 4 styling for cards](https://github.com/techdivision/card-bootstrap4)
[Materialize styling for cards](https://github.com/techdivision/card-materialize)

TechDivision.Card.Materialize - cards with style!
=================================================

[](#techdivisioncardmaterialize---cards-with-style)

> Use this package if you
>
> - want a ready-styled card, deck and filter layout with [materialize styles](https://materializecss.com/cards.html)

You can use materialize styles also if you dont use material design. We included a small stylesheet for you that hopefully doesnt interfere with your styles.

[![Applying inline style](https://github.com/techdivision/card-documentation-assets/raw/master/assets/card-materialize/materialize.png)](https://github.com/techdivision/card-documentation-assets/raw/master/assets/card-materialize/materialize.png)

### Installation

[](#installation)

TechDivision.Card.Materialize is available via packagist. Add `"techdivision/card-materialize" : "~1.0"` to the require section of the composer.json or run `composer require techdivision/card-materialize`.
**This package also installs [TechDivision.Card](https://github.com/techdivision/card), [TechDivision.Card.Decks](https://github.com/techdivision/card-decks), [TechDivision.Card.Shuffle](https://github.com/techdivision/card-shuffle) and [Sitegeist.Taxonomy](https://github.com/sitegeist/Sitegeist.Taxonomy).**

### Configuration

[](#configuration)

TechDivision.Card.Materialize runs out of the box.
In order to remove the materialize stylesheet and javascript, please do the following:

```
prototype(Neos.Neos:Page) {
    head.stylesheets.cardStyleSheetMaterialize >
    body.javascripts.materializeScript >
    body.javascripts.materializeInitScript >
}

```

### Contribution

[](#contribution)

We will be happy to receive pull requests - dont hesitate!

###  Health Score

27

—

LowBetter than 47% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity9

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity58

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

Unknown

Total

1

Last Release

2462d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1611200?v=4)[Matthias Witte](/maintainers/mwitte)[@mwitte](https://github.com/mwitte)

![](https://www.gravatar.com/avatar/e2402ac081fc0dc57b15f8cfcc16a1c1b37adfa3211a7fe30eb80d622b6586f3?d=identicon)[regniets](/maintainers/regniets)

---

Top Contributors

[![regniets](https://avatars.githubusercontent.com/u/4123716?v=4)](https://github.com/regniets "regniets (5 commits)")

---

Tags

neoscardNeosteasernodetypesmaterialize-css

### Embed Badge

![Health badge](/badges/techdivision-card-materialize/health.svg)

```
[![Health](https://phpackages.com/badges/techdivision-card-materialize/health.svg)](https://phpackages.com/packages/techdivision-card-materialize)
```

###  Alternatives

[digital-creative/resource-navigation-tab

Organize your resource fields into tabs.

78152.7k](/packages/digital-creative-resource-navigation-tab)[ericlagarda/nova-text-card

A custom card for Laravel Nova to show Text in cards with some good options

20413.3k2](/packages/ericlagarda-nova-text-card)[shel/neos-hyphens

A plugin for Neos CMS which provides hyphens for the inline editor

21214.3k1](/packages/shel-neos-hyphens)[techdivision/ckstyles

Neos package which enables you adding your custom style classes for the CkEditor with a simple Yaml configuration

21179.5k](/packages/techdivision-ckstyles)[moc/notfound

Neos CMS package that loads a normal editable page for displaying a 404 error

17170.4k](/packages/moc-notfound)[carbon/includeassets

Include your assets (css, js) in an easy way into Neos

14235.7k12](/packages/carbon-includeassets)

PHPackages © 2026

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