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(8mo ago)02[2 PRs](https://github.com/backstagephp/components/pulls)MITPHPPHP ^8.3CI passing

Since Nov 3Pushed 2mo 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 (5)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 75% of packages

Maintenance75

Regular maintenance activity

Popularity2

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity43

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

242d 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-pdf

Create PDFs in Laravel apps

1.0k4.8M47](/packages/spatie-laravel-pdf)[codewithdennis/filament-select-tree

The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths.

329530.5k29](/packages/codewithdennis-filament-select-tree)[worksome/exchange

Check Exchange Rates for any currency in Laravel.

124603.0k](/packages/worksome-exchange)[rawilk/profile-filament-plugin

Profile & MFA starter kit for filament.

3914.6k](/packages/rawilk-profile-filament-plugin)[tarfin-labs/event-machine

Event-driven state machines for Laravel with event sourcing, type-safe context, and full audit trail.

199.4k](/packages/tarfin-labs-event-machine)

PHPackages © 2026

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