PHPackages                             shadcn-blade/ui - 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. shadcn-blade/ui

AbandonedArchivedLibrary

shadcn-blade/ui
===============

It's shadcn port for laravel blade

02[1 PRs](https://github.com/shadcn-blade/ui/pulls)BladeCI passing

Since Dec 29Pushed 4mo agoCompare

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

READMEChangelogDependenciesVersions (2)Used By (0)

shadcn-blade/ui
===============

[](#shadcn-bladeui)

[![Latest Version on Packagist](https://camo.githubusercontent.com/aa1ee020dd59fe40778dbaf0aa5d236cc285c0e074170a25548ff7e076da87ca/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f73686164636e2d626c6164652f75692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/shadcn-blade/ui)[![GitHub Tests Action Status](https://camo.githubusercontent.com/4a38a84592c115ac7160b5697d811714da44a61f506aed2cbeb306a12ffad6f5/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f73686164636e2d626c6164652f75692f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/shadcn-blade/ui/actions?query=workflow%3Arun-tests+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/8ce19c0de73ca0b4bc8d1ef4ce32f3bdc93806a2a17ddf408624a1117a6964b7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f73686164636e2d626c6164652f75692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/shadcn-blade/ui)

A Laravel Blade port of [shadcn/ui](https://ui.shadcn.com). Beautiful, accessible, and customizable components built with Laravel Blade and Tailwind CSS.

About
-----

[](#about)

shadcn-blade/ui brings the popular shadcn/ui component library to Laravel Blade. This is not a component library in the traditional sense - you don't install it as a dependency. Instead, you pick the components you need and add them directly to your project.

The components are:

- Built with Laravel Blade and Tailwind CSS
- Fully customizable and accessible
- Styled with a consistent design system
- Easy to integrate into any Laravel project

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

[](#installation)

Install the package via composer:

```
composer require shadcn-blade/ui
```

Initialize shadcn-blade in your project:

```
php artisan shadcn:init
```

This will:

- Create a `components.json` configuration file
- Set up Tailwind v4 with theme variables
- Allow you to choose a base color scheme (neutral, zinc, slate, stone, gray)
- Create the component directory structure

Usage
-----

[](#usage)

Add components to your project:

```
# Add individual components
php artisan shadcn:add button
php artisan shadcn:add input

# Components are copied to resources/views/components/ui/
# You own the code and can customize freely
```

Use components in your Blade views:

```
Click me

New
```

### Color Schemes

[](#color-schemes)

Choose from 5 base color schemes during initialization:

- **neutral** - Pure grayscale
- **zinc** - Neutral with minimal saturation
- **slate** - Cool blue-gray tones
- **stone** - Warm gray with brown undertones
- **gray** - Balanced neutral gray

To change the color scheme later:

```
php artisan shadcn:init --force
```

Components
----------

[](#components)

**Legend:**

- ✅ Complete & Available
- 🚧 In Progress
- ⏳ Planned

### Component Status

[](#component-status)

ComponentStatusAccordion⏳Alert Dialog⏳Alert✅Aspect Ratio✅Avatar✅Badge✅Breadcrumb✅Button✅Button Group⏳Calendar⏳Card⏳Carousel⏳Chart⏳Checkbox✅Collapsible⏳Combobox⏳Command⏳Context Menu⏳Data Table⏳Date Picker⏳Dialog⏳Drawer⏳Dropdown Menu⏳Empty⏳Field⏳Form⏳Hover Card⏳Input✅Input Group⏳Input OTP⏳Item⏳Kbd⏳Label✅Menubar⏳Native Select⏳Navigation Menu⏳Pagination⏳Popover⏳Progress✅Radio Group✅Resizable⏳Scroll Area⏳Select⏳Separator✅Sheet⏳Sidebar⏳Skeleton✅Slider⏳Sonner⏳Spinner⏳Switch✅Table⏳Tabs⏳Textarea✅Toast⏳Toggle✅Toggle Group⏳Tooltip⏳Typography⏳> **Total: 58 components** (16 complete, 42 planned)

Testing
-------

[](#testing)

```
composer test
```

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Contributing
------------

[](#contributing)

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

Security Vulnerabilities
------------------------

[](#security-vulnerabilities)

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

Credits
-------

[](#credits)

- [ihxnnxs](https://github.com/ihxnnxs)
- Inspired by [shadcn/ui](https://ui.shadcn.com)

License
-------

[](#license)

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

###  Health Score

19

—

LowBetter than 10% of packages

Maintenance51

Moderate activity, may be stable

Popularity3

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity14

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/e79a688936e616f1570c376384f984627af9dbfa9c1b6ec185aeed80cd66f891?d=identicon)[ihxnnxs](/maintainers/ihxnnxs)

---

Top Contributors

[![ihxnnxs](https://avatars.githubusercontent.com/u/62433092?v=4)](https://github.com/ihxnnxs "ihxnnxs (22 commits)")

### Embed Badge

![Health badge](/badges/shadcn-blade-ui/health.svg)

```
[![Health](https://phpackages.com/badges/shadcn-blade-ui/health.svg)](https://phpackages.com/packages/shadcn-blade-ui)
```

PHPackages © 2026

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