PHPackages                             tetrix/tetrix - 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. [Framework](/categories/framework)
4. /
5. tetrix/tetrix

ActiveLibrary[Framework](/categories/framework)

tetrix/tetrix
=============

Tetrix provides a modern, opinionated set of full-stack Laravel components that help developers build applications quickly and efficiently.

068PHP

Since Apr 1Pushed 1y agoCompare

[ Source](https://github.com/tetrixdev/tetrix)[ Packagist](https://packagist.org/packages/tetrix/tetrix)[ RSS](/packages/tetrix-tetrix/feed)WikiDiscussions main Synced 2d ago

READMEChangelogDependenciesVersions (2)Used By (0)

Tetrix
======

[](#tetrix)

Installation
------------

[](#installation)

To start using Tetrix in your Laravel project, first require this package:

```
composer require tetrix/tetrix
```

Below you can find two ways to install the necessary npm packages and include the Tetrix CSS and JS files in your project.

### Automatic setup of Tetrix NPM packages (recommended)

[](#automatic-setup-of-tetrix-npm-packages-recommended)

Tetrix will automatically install the necessary npm packages and run the necessary commands to get you up and running. You can run the following command:

```
php artisan tetrix:install
```

### Manual Installation

[](#manual-installation)

If you prefer to install the npm packages manually, we require the following packages:

`Package.json` (devDependencies):

- `"alpinejs": "^3.0"`
- `"htmx.org": "^2.0"`
- `"tailwindcss": "^4.0"`

You can install these packages by running:

```
npm install alpinejs@^3.0 htmx.org@^2.0 tailwindcss@^4.0 --save-dev
```

After installing the npm packages, you have to include the following lines in your `resources/css/app.css` file:

```
    @import './../../vendor/tetrix/tetrix/src/Resources/css/tetrix.css')
```

And in your `resources/js/app.js` file:

```
    import './../../vendor/tetrix/tetrix/src/Resources/js/tetrix.js'
```

Usage
-----

[](#usage)

TODO: Write usage instructions

###  Health Score

17

—

LowBetter than 6% of packages

Maintenance35

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity18

Early-stage or recently created project

 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.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/35837514?v=4)[JFBauer](/maintainers/JFBauer)[@jfbauer](https://github.com/jfbauer)

---

Top Contributors

[![jfbauer](https://avatars.githubusercontent.com/u/35837514?v=4)](https://github.com/jfbauer "jfbauer (48 commits)")

### Embed Badge

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

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

###  Alternatives

[laravel/dusk

Laravel Dusk provides simple end-to-end testing and browser automation.

1.9k39.6M299](/packages/laravel-dusk)[nineinchnick/edatatables

Grid widget for the Yii Framework, wrapper for the DataTables jQuery plugin

173.2k](/packages/nineinchnick-edatatables)[link-cloud/fast-hyperf

LinkCloud Fast Hyperf

241.2k1](/packages/link-cloud-fast-hyperf)

PHPackages © 2026

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