PHPackages                             ujnana/pinex - 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. [Framework](/categories/framework)
4. /
5. ujnana/pinex

ActiveLibrary[Framework](/categories/framework)

ujnana/pinex
============

A beautiful, modern component library for Laravel Livewire applications with shadcn/ui inspired design and Tailwind CSS

v0.1.0-alpha(5mo ago)01MITPHPPHP ^8.1|^8.2|^8.3

Since Nov 30Pushed 5mo agoCompare

[ Source](https://github.com/ujnana/pinex)[ Packagist](https://packagist.org/packages/ujnana/pinex)[ Docs](https://github.com/ujnana/pinex)[ RSS](/packages/ujnana-pinex/feed)WikiDiscussions main Synced 1mo ago

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

Pinex
=====

[](#pinex)

[![Latest Version on Packagist](https://camo.githubusercontent.com/009e5d4a6a47186ce38f23029b535592c13f3eb02b6f54fe2c45cedc1a8612ca/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f756a6e616e612f70696e65782e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/ujnana/pinex)[![Total Downloads](https://camo.githubusercontent.com/73970bffc9af410bd31d3d76aab8197701b9d78db6583b474a2a4eed4374945c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f756a6e616e612f70696e65782e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/ujnana/pinex)[![License](https://camo.githubusercontent.com/31178bd9c33a4e1f300bb16eb8c8e52e90bbf45f8ad633532bc81a57445dabe6/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f756a6e616e612f70696e65782e7376673f7374796c653d666c61742d737175617265)](https://github.com/ujnana/pinex/blob/main/LICENSE.md)

A beautiful, modern component library for Laravel Livewire applications, styled with Tailwind CSS.

Features
--------

[](#features)

- 🎨 Beautiful, customizable components
- ⚡ Built for Livewire 3
- 🎯 Tailwind CSS styling
- ♿ Accessible and responsive
- 🔧 Easy to customize

Requirements
------------

[](#requirements)

- PHP 8.1+
- Laravel 11.0+
- Livewire 3.0+
- Tailwind CSS 4.0+

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

[](#installation)

Install the package via Composer:

```
composer require ujnana/pinex
```

### Tailwind CSS Configuration

[](#tailwind-css-configuration)

For Tailwind CSS v4, update your CSS file (e.g., `resources/css/app.css`):

```
@import "tailwindcss";

@source "../../vendor/ujnana/pinex/src/Views";
```

> **Note**: Tailwind CSS v4 uses CSS-based configuration. The traditional `tailwind.config.js` is optional. Visit [Tailwind CSS v4 documentation](https://tailwindcss.com/docs) for more details.

Available Components
--------------------

[](#available-components)

- **Button** - Versatile button component with variants and states
- **Modal** - Accessible modal dialogs
- **Input** - Form input fields with validation
- **Card** - Content container cards
- **Table** - Data tables with shadcn/ui styling

Usage
-----

[](#usage)

### Button Component

[](#button-component)

```

    Click Me

{{-- With icon and loading state --}}

    Save

```

**Available variants:** `primary`, `secondary`, `success`, `danger`, `warning`
**Available sizes:** `sm`, `md`, `lg`

### Modal Component

[](#modal-component)

```

    Modal content goes here...

            Close

{{-- Open modal from anywhere --}}

    Open Modal

```

### Input Component

[](#input-component)

```

{{-- With error message --}}
@error('email')

@enderror
```

### Card Component

[](#card-component)

```

        Card Title

    Card content...

        Action

```

### Table Component

[](#table-component)

```
{{-- Basic Table --}}

            Name
            Email
            Role

        John Doe
        john@example.com
        Admin

        Jane Smith
        jane@example.com
        User

{{-- Bordered Table with Footer --}}

            Item
            Price

        Product A
        $100

            Total
            $100

```

**Table props:** `size` (sm, md, lg), `bordered` (true/false), `hoverable` (true/false), `caption` (optional)

Publishing Assets
-----------------

[](#publishing-assets)

Publish the configuration file:

```
php artisan vendor:publish --tag=pinex-config
```

Publish the views:

```
php artisan vendor:publish --tag=pinex-views
```

Configuration
-------------

[](#configuration)

After publishing, you can customize the default component styles in `config/pinex.php`:

```
return [
    'prefix' => 'pinex',

    'defaults' => [
        'button' => [
            'variant' => 'primary',
            'size' => 'md',
        ],
        // ... more defaults
    ],
];
```

Customization
-------------

[](#customization)

### Extending Views

[](#extending-views)

After publishing views, you can customize any component template in `resources/views/vendor/pinex/components/`.

### Custom Variants

[](#custom-variants)

You can add custom color variants by extending Tailwind's configuration and using them in your components.

License
-------

[](#license)

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

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance70

Regular maintenance activity

Popularity1

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity37

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.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

167d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/168a981a024a5c10a6ac2deae149dbeaac85c3c82a29610b1c1867e1d5e7ca93?d=identicon)[ujnana](/maintainers/ujnana)

---

Top Contributors

[![ujnana](https://avatars.githubusercontent.com/u/12776179?v=4)](https://github.com/ujnana "ujnana (6 commits)")

---

Tags

laraveluicomponentslivewiretailwindshadcntailwindcssui-componentslivewire componentsshadcn-uipinex

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/ujnana-pinex/health.svg)

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

###  Alternatives

[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k454.7k15](/packages/robsontenorio-mary)[laravel-frontend-presets/tall

TALL preset for Laravel.

2.6k692.9k1](/packages/laravel-frontend-presets-tall)[livewire/flux

The official UI component library for Livewire.

9385.0M86](/packages/livewire-flux)[electrik/slate

Slate - a Laravel Blade UI Kit is a set of anonymous blade components built using TailwindCSS v4 with built-in dark mode support for your next Laravel project

102.3k1](/packages/electrik-slate)

PHPackages © 2026

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