PHPackages                             chriskelemba/laravel-atomic-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. [Templating & Views](/categories/templating)
4. /
5. chriskelemba/laravel-atomic-ui

ActiveLibrary[Templating & Views](/categories/templating)

chriskelemba/laravel-atomic-ui
==============================

Blade-based atomic UI components for Laravel

v1.0.0(3mo ago)03MITBladePHP ^8.2

Since Feb 5Pushed 3mo agoCompare

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

READMEChangelogDependencies (2)Versions (2)Used By (0)

Laravel Atomic UI
=================

[](#laravel-atomic-ui)

Blade-first atomic UI components for Laravel. Includes a full set of atoms, molecules, organisms, and templates with Tailwind + Alpine.

Install
-------

[](#install)

```
composer require chriskelemba/laravel-atomic-ui
```

No publishing required. Components are auto-registered.

Usage
-----

[](#usage)

### Hyphenated tags (recommended)

[](#hyphenated-tags-recommended)

```
Primary

        Open

    Modal content here.

```

### Namespaced tags

[](#namespaced-tags)

```
Primary

```

Component Inventory
-------------------

[](#component-inventory)

### Atoms

[](#atoms)

- `atomic-ui-button`
- `atomic-ui-input`
- `atomic-ui-action-button`
- `atomic-ui-badge`
- `atomic-ui-avatar`
- `atomic-ui-tag`
- `atomic-ui-divider`

### Molecules

[](#molecules)

- `atomic-ui-form-field`
- `atomic-ui-modal`
- `atomic-ui-alert`
- `atomic-ui-toast`
- `atomic-ui-tooltip`
- `atomic-ui-popover`
- `atomic-ui-dropdown`
- `atomic-ui-tabs`
- `atomic-ui-breadcrumb`
- `atomic-ui-pagination`
- `atomic-ui-steps`
- `atomic-ui-toggle`
- `atomic-ui-checkbox`
- `atomic-ui-radio-group`
- `atomic-ui-select`
- `atomic-ui-textarea`
- `atomic-ui-date-input`
- `atomic-ui-file-upload`
- `atomic-ui-search-bar`
- `atomic-ui-filter-chips`
- `atomic-ui-sort-control`

### Organisms

[](#organisms)

- `atomic-ui-form`
- `atomic-ui-panel`
- `atomic-ui-table`
- `atomic-ui-stat-card`
- `atomic-ui-sidebar`
- `atomic-ui-line-chart`
- `atomic-ui-bar-chart`
- `atomic-ui-pie-chart`
- `atomic-ui-calendar`
- `atomic-ui-drawer`
- `atomic-ui-empty-state`
- `atomic-ui-progress`
- `atomic-ui-skeleton`
- `atomic-ui-section-header`
- `atomic-ui-timeline`
- `atomic-ui-activity-list`
- `atomic-ui-task-list`

### Templates

[](#templates)

- `atomic-ui-app-shell`
- `atomic-ui-dashboard`
- `atomic-ui-crud-page`
- `atomic-ui-resource-index`

Config (optional)
-----------------

[](#config-optional)

You can publish config and views if you want to customize:

```
php artisan vendor:publish --tag=atomic-ui-config
php artisan vendor:publish --tag=atomic-ui-views
```

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

[](#requirements)

- Laravel 12+
- Tailwind CSS
- Alpine.js (auto-loaded by package layout)

###  Health Score

36

—

LowBetter than 82% of packages

Maintenance82

Actively maintained with recent releases

Popularity3

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity46

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

96d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3f2e2a68c016c348e7c39c94f5f72f095414bf225f047130fc01f379d2d05de7?d=identicon)[chriskelemba](/maintainers/chriskelemba)

---

Top Contributors

[![chriskelemba](https://avatars.githubusercontent.com/u/151122714?v=4)](https://github.com/chriskelemba "chriskelemba (1 commits)")

---

Tags

laraveluicomponentsbladeatomic

### Embed Badge

![Health badge](/badges/chriskelemba-laravel-atomic-ui/health.svg)

```
[![Health](https://phpackages.com/badges/chriskelemba-laravel-atomic-ui/health.svg)](https://phpackages.com/packages/chriskelemba-laravel-atomic-ui)
```

###  Alternatives

[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k454.7k15](/packages/robsontenorio-mary)[area17/blast

Storybook for Laravel Blade

308664.1k](/packages/area17-blast)[hasinhayder/tyro-login

Tyro Login - Beautiful, customizable authentication views for Laravel 12 & 13

2362.2k2](/packages/hasinhayder-tyro-login)[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)