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(5mo ago)03MITBladePHP ^8.2

Since Feb 5Pushed 5mo 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 today

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

34

—

LowBetter than 75% of packages

Maintenance73

Regular maintenance activity

Popularity3

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity47

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

150d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/151122714?v=4)[chriskelemba](/maintainers/chriskelemba)[@chriskelemba](https://github.com/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

[moonshine/moonshine

Laravel administration panel

1.3k253.1k81](/packages/moonshine-moonshine)[blade-ui-kit/blade-icons

A package to easily make use of icons in your Laravel Blade views.

2.5k42.5M403](/packages/blade-ui-kit-blade-icons)[psalm/plugin-laravel

Psalm plugin for Laravel

3355.3M346](/packages/psalm-plugin-laravel)[livewire/flux

The official UI component library for Livewire.

9527.8M128](/packages/livewire-flux)[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k570.6k23](/packages/robsontenorio-mary)[tallstackui/tallstackui

TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.

725173.6k14](/packages/tallstackui-tallstackui)

PHPackages © 2026

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