PHPackages                             teepluss/component - 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. [Templating & Views](/categories/templating)
4. /
5. teepluss/component

ActiveLibrary[Templating & Views](/categories/templating)

teepluss/component
==================

Component is used to separate small parts from the main view and still works perfectly.

1.0.1(10y ago)2224MITPHPPHP >=5.4.0

Since Jun 10Pushed 10y ago1 watchersCompare

[ Source](https://github.com/teepluss/laravel-component)[ Packagist](https://packagist.org/packages/teepluss/component)[ Docs](https://github.com/teepluss/laravel-component)[ RSS](/packages/teepluss-component/feed)WikiDiscussions master Synced 1mo ago

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

Laravel 5 Component
===================

[](#laravel-5-component)

Component is used to separate small parts from the main view and still works perfectly.

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

[](#installation)

### Composer

[](#composer)

- [Component on Packagist](https://packagist.org/packages/teepluss/component)
- [Component on GitHub](https://github.com/teepluss/laravel-component)

To get the latest version of Theme simply require it in your `composer.json` file.

```
"teepluss/component": "dev-master"

```

You'll then need to run `composer update` to download it and have the autoloader updated.

### Laravel

[](#laravel)

In your `config/app.php` add `'Teepluss\Component\ComponentServiceProvider'` to the end of the `providers` array:

```
'providers' => [
    ...
    'Teepluss\Component\ComponentServiceProvider',
]
```

Publish Configuration

```
php artisan vendor:publish --provider="Teepluss\Component\ComponentServiceProvider"
```

Usage
-----

[](#usage)

### Create a Component

[](#create-a-component)

Using artisan CLI to create a component, then you can found your component into `app/Components`.

```
php artisan component:make LiveChatBox
```

The command will generate a structure like this:

```
root
|- app
|--- Components
|----- LiveChatbox
|------- assets
|--------- css
|------------ style.css
|--------- img
|--------- js
|------------ script.js
|------- lang
|--------- en
|------------ messages.php
|------- views
|--------- index.blade.php
|------- LiveChatbox.php
|----- gulp.js
```

### Render a component.

[](#render-a-component)

```
{!! component()->uses('LiveChatBox', ['args' => '1'])->render() !!}
```

### Working with assets.

[](#working-with-assets)

Install gulp

```
npm install gulp
```

Using gulp to publish component assets.

```
$ cd app/Components/
$ gulp
$ gulp watch
```

Render all component scripts and styles from the main layout

```
// Display component scripts and styles.
{!! component()->scripts() !!}
{!! component()->styles() !!}

// Locate to asset path.
{!! component()->uses('LiveChatBox')->asset('img/someimage.png') !!}
```

Translation

```
{!! component()->trans('message') !!}
```

Support or Contact
------------------

[](#support-or-contact)

If you have some problem, Contact

[![Support via PayPal](https://camo.githubusercontent.com/1c4c2a63b268ab949717893dda9628735444f61b8eb8eece283a534338b5b0e5/68747470733a2f2f7261776769746875622e636f6d2f63687269732d2d2d2f446f6e6174696f6e2d4261646765732f6d61737465722f70617970616c2e6a706567)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9GEC8J7FAG6JA)

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity14

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity59

Maturing project, gaining track record

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

Every ~47 days

Total

2

Last Release

3947d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1464300?v=4)[Maximus](/maintainers/teepluss)[@teepluss](https://github.com/teepluss)

---

Tags

laravelwidgetlayoutcomponentasset

### Embed Badge

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

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

###  Alternatives

[teepluss/theme

Theme will help you organize your themes inside Laravel projects easily and maintain its related assets, layouts and partials for the theme in single directory.

543174.1k8](/packages/teepluss-theme)[yaap/theme

Theme support for Laravel with assets, theme extends etc.

9544.1k2](/packages/yaap-theme)[facuz/laravel-themes

Theme will help you organize your themes inside Laravel projects easily and maintain its related assets, layouts and partials for the theme in single directory. (Based on teepluss/theme)

13843.0k2](/packages/facuz-laravel-themes)[morilog/widgetify

A powerful laravel widget package. capsulate ui componenet as widget. similar to Yii widgets

112.5k](/packages/morilog-widgetify)

PHPackages © 2026

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