PHPackages                             ui-awesome/html-core-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. [Utility & Helpers](/categories/utility)
4. /
5. ui-awesome/html-core-component

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

ui-awesome/html-core-component
==============================

UI Awesome HTML Core Component for PHP.

0.1.0(2y ago)15.4k↓33.3%mitPHPPHP ^8.1CI passing

Since Mar 31Pushed 2y ago1 watchersCompare

[ Source](https://github.com/ui-awesome/html-core-component)[ Packagist](https://packagist.org/packages/ui-awesome/html-core-component)[ RSS](/packages/ui-awesome-html-core-component/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (13)Versions (2)Used By (0)

 [ ![](https://avatars.githubusercontent.com/u/121752654?s=200&v=4) ](https://github.com/ui-awesome/html-core-component)

UI Awesome HTML Core Component for PHP.
=======================================

[](#ui-awesome-html-core-component-for-php)

 [ ![PHPUnit](https://github.com/ui-awesome/html-core-component/actions/workflows/build.yml/badge.svg) ](https://github.com/ui-awesome/html-core-component/actions/workflows/build.yml) [ ![Codecov](https://camo.githubusercontent.com/fa96c68813df69e792e5e9d31ef63ddebec42fe0e38d686330c0d8888d95f986/68747470733a2f2f636f6465636f762e696f2f67682f75692d617765736f6d652f68746d6c2d636f72652d636f6d706f6e656e742f6272616e63682f6d61696e2f67726170682f62616467652e7376673f746f6b656e3d4d4630585547564c5943) ](https://codecov.io/gh/ui-awesome/html-core-component) [ ![Infection](https://camo.githubusercontent.com/9b990d775269526dc6232a8bcbffe57e6a81fa9c340335105c213a471b3df620/68747470733a2f2f696d672e736869656c64732e696f2f656e64706f696e743f7374796c653d666c61742675726c3d687474707325334125324625324662616467652d6170692e737472796b65722d6d757461746f722e696f2532466769746875622e636f6d25324675692d617765736f6d6525324668746d6c2d636f72652d636f6d706f6e656e742532466d61696e) ](https://dashboard.stryker-mutator.io/reports/github.com/ui-awesome/html-core-component/main) [ ![Psalm](https://github.com/ui-awesome/html-core-component/actions/workflows/static.yml/badge.svg) ](https://github.com/ui-awesome/html-core-component/actions/workflows/static.yml) [ ![Psalm Coverage](https://camo.githubusercontent.com/e2844963485c712ccfc04498c44317b191ae5a25741499ede82a4859ec7e9753/68747470733a2f2f73686570686572642e6465762f6769746875622f75692d617765736f6d652f68746d6c2d636f72652d636f6d706f6e656e742f636f7665726167652e737667) ](https://shepherd.dev/github/ui-awesome/html-core-component) [ ![Style ci](https://camo.githubusercontent.com/39ad6714956c11dbeb97ec24737f0f0f8a64336cb191e6a906e134dfc1affbec/68747470733a2f2f6769746875622e7374796c6563692e696f2f7265706f732f3737363338313934382f736869656c643f6272616e63683d6d61696e) ](https://github.styleci.io/repos/776381948?branch=main)

These abstract classes serve as foundational building blocks for creating diverse UI components in HTML applications.

They provide a structured approach to developing reusable components with customizable configurations and default settings.

By extending these classes, you can quickly implement and customize various UI elements, such as breadcrumbs, dropdowns, navigation bars, and toggles, to enhance your application's user interface.

- AbstractBreadcrumb: Extend this class to implement breadcrumb navigation components. It simplifies the management of breadcrumb items and offers customizable configurations for rendering breadcrumb elements.
- AbstractDropdown: Extend this class to effortlessly implement dropdown components. It simplifies the management of menu items and offers customizable configurations for rendering dropdown elements.
- AbstractNavBar: Use this class as a basis for crafting navigation bar components. It provides flexibility in rendering brand elements, menus, and additional content, with customizable attributes and default configurations.
- AbstractToggle: Extend this class to create toggle components with ease. It supports various types (e.g., button, link) and offers functionality for rendering toggle elements using customizable templates, attributes, and content.
- Item: This class represents individual items within a menu or breadcrumb. It allows for easy management of item attributes and content.
- Menu: This class represents a collection of menu items. It facilitates the organization and rendering of menu items within dropdowns, navigation bars, or other menu-based components.

Simply extend these abstract classes and apply their default configurations to swiftly integrate and customize UI components tailored to your application's requirements.

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

[](#installation)

The preferred way to install this extension is through [composer](https://getcomposer.org/download/).

Either run

```
composer require --prefer-dist ui-awesome/html-core-component:^0.1
```

or add

```
"ui-awesome/html-core-component": "^0.1"
```

to the require-dev section of your `composer.json` file.

Usage
-----

[](#usage)

To use the classes in your project, you need to extend them in your custom components.

For example, to create a custom breadcrumb component, you can extend the `AbstractBreadcrumb` class:

```
use UIAwesome\Html\Core\Component\AbstractBreadcrumb;

class CustomBreadcrumb extends AbstractBreadcrumb
{
    // Custom implementation
}
```

Testing
-------

[](#testing)

[Check the documentation testing](docs/testing.md) to learn about testing.

Support versions
----------------

[](#support-versions)

[![PHP81](https://camo.githubusercontent.com/cfe9179013aaeb962182231f5cc56946d96d3c7356e64008b58bad1025cfb1e9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d253345253344382e312d373837434235)](https://www.php.net/releases/8.1/en.php)

License
-------

[](#license)

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

Our social networks
-------------------

[](#our-social-networks)

[![Twitter](https://camo.githubusercontent.com/d077c362ac639792171af8bc002ee827816733dfc0925f70b557e6d151022226/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f747769747465722d666f6c6c6f772d3144413146323f6c6f676f3d74776974746572266c6f676f436f6c6f723d314441314632266c6162656c436f6c6f723d3535353535353f7374796c653d666c6174)](https://twitter.com/Terabytesoftw)

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity22

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity40

Maturing project, gaining track record

 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.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

778d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/524d2b46690f41fce7188d369488a35e7624e6c5a264d82aacd08548bfd156ab?d=identicon)[terabytesoftw](/maintainers/terabytesoftw)

---

Top Contributors

[![terabytesoftw](https://avatars.githubusercontent.com/u/42547589?v=4)](https://github.com/terabytesoftw "terabytesoftw (5 commits)")

---

Tags

htmlhtml-core-componentphpui-awesomephphtmlui-awesomecore-component

###  Code Quality

TestsPHPUnit

Static AnalysisPsalm

Code StyleECS

Type Coverage Yes

### Embed Badge

![Health badge](/badges/ui-awesome-html-core-component/health.svg)

```
[![Health](https://phpackages.com/badges/ui-awesome-html-core-component/health.svg)](https://phpackages.com/packages/ui-awesome-html-core-component)
```

###  Alternatives

[artem_c/emmet

emmet implementation for php

141.8k](/packages/artem-c-emmet)

PHPackages © 2026

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