PHPackages                             sophat/elements - 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. sophat/elements

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

sophat/elements
===============

Sophat/Elements components is Build for SmartERP, and SmartPOS Components

221Blade

Since Apr 21Pushed 3y agoCompare

[ Source](https://github.com/iMSophat/elements)[ Packagist](https://packagist.org/packages/sophat/elements)[ RSS](/packages/sophat-elements/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

[![Laravel Logo](https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg)](https://laravel.com)

[![Total Downloads](https://camo.githubusercontent.com/14c5c1a97aefc793d217cb11dcc26b9517cb030f2f9957276f03cad45fa470a0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f736f706861742f656c656d656e7473)](https://packagist.org/packages/sophat/elements)[![License](https://camo.githubusercontent.com/d4fdd920578f66841d688ec1338eacc6ffd511afcf6b110350f1a4bd8b080727/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f736f706861742f656c656d656e7473)](https://packagist.org/packages/sophat/elements)

About Sophat/Elements
=====================

[](#about-sophatelements)

Build for SmartERP, and SmartPOS Components

Installation
============

[](#installation)

#### You can install the package via composer:

[](#you-can-install-the-package-via-composer)

```
composer require sophat/elements
```

Usage
=====

[](#usage)

#### Inside `providers` of `config/app.php`

[](#inside-providers-of-configappphp)

```
'providers' => [

    /*
    * Laravel Framework Service Providers...
    */
    ...
    Sophat\Elements\ElementsServicesProvider::class,
]
```

#### Inside `providers` of `composer.json`

[](#inside-providers-of-composerjson)

```
   "autoload": {
        "psr-4": {
            ...
            "Sophat\\Elements\\":"vendor/sophat/elements/src"
        }
    },
```

#### Tailwindcss Styling Support:

[](#tailwindcss-styling-support)

Add `./vendor/sophat/elements/src/view/*.blade.php` inside `content` to compiling style from package.

```
content: [
    ...
    "./vendor/sophat/elements/src/view/*.blade.php",
],
```

#### If compiling via Laravel Modules package:

[](#if-compiling-via-laravel-modules-package)

```
const path = require('path');
```

```
content: [
    ...
    path.join(__dirname, "../../vendor/sophat/**/src/**/*.blade.php"),
    path.join(__dirname, "../../vendor/sophat/**/src/**/**/*.blade.php"),
]
```

then compile css with Tailwindcss

```
npm run watch
```

to start server

```
php artisan serve
```

Components
==========

[](#components)

- [`Elements`](documents/elements/)

    - [`Buttons`](documents/elements/buttons.md) : `(New)`
    - [`Button Groups`](documents/elements/buttons.md#-group-buttons) : `(New)`
    - `Headers`: Coming soon
    - `Flyout Menus`: Coming soon
    - `Banners`: Coming soon
    - `Badges`: Coming soon
    - `Dropdowns`: Coming soon
- `Sections` : Coming soon

    - `Headings Sections`: Coming soon
    - `Hero Sections`: Coming soon
    - `Feature Sections`: Coming soon
    - `CTA Sections`: Coming soon
    - `Pricing Sections`: Coming soon
    - `Header Sections`: Coming soon
    - `Newsletter Sections`: Coming soon
    - `Stats`: Coming soon
    - `Testimonials`: Coming soon
    - `Blog Sections`: Coming soon
    - `Contact Sections`: Coming soon
    - `Team Sections`: Coming soon
    - `Logo Clouds`: Coming soon
    - `FAQs`: Coming soon
    - `Footers`: Coming soon
- `Page Status` : Coming soon

    - `404 Pages`: Coming soon
    - `500 Pages`: Coming soon
- [`Layout`](documents/layouts/)

    - [`Container`](documents/layouts/container.md): `(New)`
    - [`Card`](documents/layouts/container.md#x-card): `(New)`
    - `Panels`: Coming soon
    - `List containers`: Coming soon
    - `Media Objects`: Coming soon
    - `Dividers`: Coming soon
- [`Display`](documents/display/)

    - [`Stats`](documents/display/stats.md#x-stats): `(New)`

Contributors
============

[](#contributors)

- [PPhat](https://github.com/pphatDev)

Community
=========

[](#community)

Issues
------

[](#issues)

- [All Issues](https://github.com/iMSophat/elements/issues) 🚧
- [Create New Issues](https://github.com/iMSophat/elements/issues/new) 🚧

Discussions
-----------

[](#discussions)

- [Discussions](https://github.com/orgs/iMSophat/discussions) 📣🔔
- [Start a new discussion](https://github.com/orgs/iMSophat/discussions/new?category=q-a) 📣🔔

License
=======

[](#license)

The MIT License (MIT). Please see [License File](LICENSE) for more information.

###  Health Score

14

—

LowBetter than 2% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity22

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://www.gravatar.com/avatar/cf0eb50c1445d361ed18e501b11d3a126faad1a31f86eebb759e2ff519e4ea7a?d=identicon)[iMSophat](/maintainers/iMSophat)

---

Top Contributors

[![pphatdev](https://avatars.githubusercontent.com/u/65520537?v=4)](https://github.com/pphatdev "pphatdev (2 commits)")

### Embed Badge

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

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

###  Alternatives

[ip2location/ip2location-php

\[Official Release\] IP2Location PHP API to get location info from IPv4 and IPv6 address.

2133.9M33](/packages/ip2location-ip2location-php)[sylius-labs/polyfill-symfony-event-dispatcher

Symfony EventDispatcher Polyfill

218.2M2](/packages/sylius-labs-polyfill-symfony-event-dispatcher)[jolicode/php-os-helper

Helpers to detect the OS of the machine where PHP is running.

212.8M4](/packages/jolicode-php-os-helper)

PHPackages © 2026

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