PHPackages                             hirasso/attr - 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. hirasso/attr

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

hirasso/attr
============

A tiny HTML attribute generator written in PHP. Great for projects using tailwindcss and Alpine.js 🎡

v4.4.0(3mo ago)4786↓75%MITPHPPHP ~8.2 || ~8.3 || ~8.4 || ~8.5 || ~8.6CI passing

Since Jul 30Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/hirasso/attr)[ Packagist](https://packagist.org/packages/hirasso/attr)[ GitHub Sponsors](https://github.com/hirasso)[ RSS](/packages/hirasso-attr/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (4)Versions (21)Used By (0)

hirasso/attr
============

[](#hirassoattr)

[![Latest Version on Packagist](https://camo.githubusercontent.com/825db41457089c373cbfd9d196661191cb6f352e3e09ba6c40e8c517689fadc7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6869726173736f2f617474722e737667)](https://packagist.org/packages/hirasso/attr)[![Test Status](https://camo.githubusercontent.com/a74c61d3e0057c3c3a62ac361bf30e49b168bd56cf6aa9260ba860160dbadc26/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6869726173736f2f617474722f63692e796d6c3f6c6162656c3d7465737473)](https://github.com/hirasso/attr/actions/workflows/ci.yml)[![Code Coverage](https://camo.githubusercontent.com/b09f7620b4e087a341208bb19c96e136b60469de16442b5f37afd74f826b133b/68747470733a2f2f696d672e736869656c64732e696f2f636f6465636f762f632f6769746875622f6869726173736f2f61747472)](https://app.codecov.io/gh/hirasso/attr)

**A tiny HTML attribute generator written in PHP. Great for projects using tailwindcss and Alpine.js 🎡**

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

[](#installation)

```
composer require hirasso/attr
```

Usage
-----

[](#usage)

### `attr()`

[](#attr)

Define your attributes in an associative way:

```

>
    Click Me!

```

...and the `attr` function transforms them into normal HTML:

```

  Click Me!

```

`jsonAttr()`
------------

[](#jsonattr)

Render JSON so that it is safe to be used inside an HTMLElement attribute:

```