PHPackages                             backstage/components - 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. backstage/components

ActiveLibrary[Utility & Helpers](/categories/utility)

backstage/components
====================

A collection of beautiful website components.

v0.0.1(6mo ago)02[2 PRs](https://github.com/backstagephp/components/pulls)MITPHPPHP ^8.3CI passing

Since Nov 3Pushed 1mo agoCompare

[ Source](https://github.com/backstagephp/components)[ Packagist](https://packagist.org/packages/backstage/components)[ Docs](https://github.com/backstagephp/components)[ GitHub Sponsors](https://github.com/vormkracht10)[ RSS](/packages/backstage-components/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (3)Versions (4)Used By (0)

A collection of beautiful website components.
=============================================

[](#a-collection-of-beautiful-website-components)

From the makers of Backstage.

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

[](#installation)

If you using backstage/cms these components are including by default.

```
composer require backstage/components
```

Add the following code to app.js.

```
import.meta.glob('../views/components/**/*.css', { eager: true });
import.meta.glob('../views/components/**/*.js', { eager: true });
```

Publishes a component

```
php artisan backstage:component {component?}
```

Contributing
============

[](#contributing)

If you made a website component follow these steps.

**Add a subtree for the component repository**

```
git subtree add --prefix components/CounterComponent git@github.com:backstagephp/Counter-Component.git main --squash
```

After you made changes to the component push to both repositories:

```
git add .
git commit -m "Changed colors for heading"
git push
git subtree push --prefix components/CounterComponent git@github.com:backstagephp/Counter-Component.git main
```

You can also add the repository to the push-to-subtrees.yml Github action.

###  Health Score

34

—

LowBetter than 77% of packages

Maintenance79

Regular maintenance activity

Popularity2

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity42

Maturing project, gaining track record

 Bus Factor1

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

196d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/7c6a425dc8645907a118a007438172d58c2016773f54ab3a834beff172632f13?d=identicon)[ux](/maintainers/ux)

---

Top Contributors

[![Casmo](https://avatars.githubusercontent.com/u/385764?v=4)](https://github.com/Casmo "Casmo (45 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (4 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (4 commits)")

---

Tags

laravelcomponentsbackstage

### Embed Badge

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

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

###  Alternatives

[spatie/laravel-data

Create unified resources and data transfer objects

1.8k28.9M627](/packages/spatie-laravel-data)[hirethunk/verbs

An event sourcing package that feels nice.

513162.9k6](/packages/hirethunk-verbs)[worksome/exchange

Check Exchange Rates for any currency in Laravel.

123544.7k](/packages/worksome-exchange)[ralphjsmit/livewire-urls

Get the previous and current url in Livewire.

82270.3k4](/packages/ralphjsmit-livewire-urls)[hydrat/filament-table-layout-toggle

Filament plugin adding a toggle button to tables, allowing user to switch between Grid and Table layouts.

6292.3k1](/packages/hydrat-filament-table-layout-toggle)[ralphjsmit/laravel-helpers

A package containing handy helpers for your Laravel-application.

13704.6k2](/packages/ralphjsmit-laravel-helpers)

PHPackages © 2026

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