PHPackages                             neura-ui/neura-kit - 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. neura-ui/neura-kit

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

neura-ui/neura-kit
==================

A beautiful component library for Laravel applications

2.0.0(2w ago)155—0%1MITBladePHP ^8.2

Since Jan 3Pushed 2w agoCompare

[ Source](https://github.com/neura-ui/neura-kit)[ Packagist](https://packagist.org/packages/neura-ui/neura-kit)[ Docs](https://neuraui.dev)[ RSS](/packages/neura-ui-neura-kit/feed)WikiDiscussions main Synced 1w ago

READMEChangelogDependencies (6)Versions (69)Used By (0)

Neura Kit
=========

[](#neura-kit)

[![License: MIT](https://camo.githubusercontent.com/08cef40a9105b6526ca22088bc514fbfdbc9aac1ddbf8d4e6c750e3a88a44dca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d626c75652e737667)](LICENSE)[![Version](https://camo.githubusercontent.com/880e4225d1236971a3197ed92be4bc139b69167c6524ce040cb798bca7777dad/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f76657273696f6e2d322e302e302d677265656e2e737667)](CHANGELOG.md)

Open-source UI component library for **Laravel**, **Livewire**, and **Alpine.js** — forms, tables, modals, toasts, dark mode, and 60+ Blade components with a consistent design system.

ResourceURL**Documentation**[docs.neuraui.dev](https://docs.neuraui.dev/)**Website**[neuraui.dev](https://neuraui.dev/)**Changelog**[CHANGELOG.md](CHANGELOG.md)> **2.0** is fully open source (MIT). No license key, activation, or vendor dashboard required.

---

Documentation
-------------

[](#documentation)

The README covers a quick start. For installation steps, component props, layouts, theming, and live examples, use the official docs:

****

SectionWhat you will find[Getting started](https://docs.neuraui.dev/getting-started/installation)Installation, Vite, `@neuraKit`, first components[Usage](https://docs.neuraui.dev/getting-started/usage)Blade syntax, Livewire patterns[Dark mode & theming](https://docs.neuraui.dev/getting-started/dark-mode)Theme tokens and customization[Components](https://docs.neuraui.dev/atoms)Every atom with examples (Button, Table, Modal, Editor, …)---

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

[](#requirements)

- PHP 8.2+
- Laravel 11, 12, or 13
- Livewire 3 or 4
- Tailwind CSS 4+
- Alpine.js 3+

---

Quick start
-----------

[](#quick-start)

### 1. Install the package

[](#1-install-the-package)

```
composer require neura-ui/neura-kit:^2.0
```

### 2. Register the Vite plugin

[](#2-register-the-vite-plugin)

In `vite.config.js`:

```
import neuraKit from './vendor/neura-ui/neura-kit/resources/js/index.ts';

export default defineConfig({
    plugins: [
        laravel({ input: ['resources/css/app.css', 'resources/js/app.js'] }),
        neuraKit(),
    ],
});
```

Import Neura Kit styles in your main CSS (see [Installation](https://docs.neuraui.dev/getting-started/installation) for the full `app.css` setup).

### 3. Optional PHP dependencies

[](#3-optional-php-dependencies)

For Editor.js, charts, kanban, and other optional features:

```
php artisan neura-kit:install-deps
```

### 4. Enable managers in your layout

[](#4-enable-managers-in-your-layout)

Add `@neuraKit` before `` so modals, sideovers, and spotlight work globally:

```

    {{ $slot }}

    @neuraKit

```

### 5. Use components

[](#5-use-components)

```
Save

    Dashboard
    Build faster with Neura Kit.

```

Run `npm run dev` (or `npm run build`) after changing Vite or CSS.

---

What is included
----------------

[](#what-is-included)

AreaHighlights**Forms**Input, Select, Checkbox, Radio, Switch, OTP, DatePicker, Dropzone, Editor.js, TagsInput, …**Layout**Container, Grid, Stack, Card, Sidebar patterns**Feedback**Toast, Dialog, Modal, Sideover, Alert, Callout**Data**Table (Livewire), Chart, Kanban, Tree, Flow**UX**Command palette, Spotlight, dark mode, theme switcherBrowse the full list with interactive examples on **[docs.neuraui.dev](https://docs.neuraui.dev/)**.

---

Modals (Livewire)
-----------------

[](#modals-livewire)

Create a modal component:

```
php artisan neura-kit:make-modal UserEdit
```

```
use Neura\Kit\Support\Modal\ModalComponent;
use Neura\Kit\Concerns\InteractsWithNeuraKit;

class UserEdit extends ModalComponent
{
    use InteractsWithNeuraKit;

    public User $user;

    public function save(): void
    {
        $this->user->save();
        $this->toast('User saved!')->success();
        $this->closeModal();
    }

    public static function modalMaxWidth(): string
    {
        return 'lg';
    }

    public function render()
    {
        return view('livewire.user-edit');
    }
}
```

Open from another component:

```
$this->openModal(UserEdit::class, ['user' => $user]);

// or fluent API
$this->modal(UserEdit::class)->with(['user' => $user])->maxWidth('xl')->open();
```

From JavaScript:

```

    Edit

```

Details: [Modal component docs](https://docs.neuraui.dev/atoms/modal).

---

Toasts & dialogs
--------------------

[](#toasts--dialogs)

### Toasts (PHP)

[](#toasts-php)

```
$this->toast('Saved!')->success();
$this->toast('Something went wrong')->error();
$this->toast('Processing…')->duration(6000)->info();
```

### Toasts (JavaScript)

[](#toasts-javascript)

```
Save
```

### Confirm dialogs (PHP)

[](#confirm-dialogs-php)

```
$this->dialog('Delete user?')
    ->danger()
    ->message('This action cannot be undone.')
    ->confirmText('Delete')
    ->onConfirm('deleteUser', $userId)
    ->show();
```

See [Toast](https://docs.neuraui.dev/atoms/toast) and [Dialog](https://docs.neuraui.dev/atoms/dialog) on the docs site.

---

Dark mode
---------

[](#dark-mode)

```
Toggle theme
Dark
Light
System
```

---

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

[](#configuration)

Publish and customize defaults:

```
php artisan vendor:publish --tag=neura-kit-config
```

```
// config/neura-kit.php
return [
    'component_prefix' => 'neura',

    'routes' => [
        // Default `web` works for public pages (e.g. documentation).
        // Use `web,auth` when upload/editor routes must require login.
        'middleware' => explode(',', env('NEURA_KIT_ROUTE_MIDDLEWARE', 'web')),
        'throttle' => env('NEURA_KIT_ROUTE_THROTTLE'),
    ],

    'upload' => [
        'max_size' => (int) env('NEURA_KIT_UPLOAD_MAX_SIZE', 100),
        'allowed_mimes' => env('NEURA_KIT_UPLOAD_ALLOWED_MIMES'),
    ],

    'editor' => [
        'allow_remote_image_download' => (bool) env('NEURA_KIT_EDITOR_ALLOW_REMOTE_IMAGES', false),
    ],
];
```

### Publish assets

[](#publish-assets)

```
php artisan vendor:publish --tag=neura-kit-config   # config
php artisan vendor:publish --tag=neura-kit-views    # Blade overrides
php artisan vendor:publish --tag=neura-kit-assets   # JS/CSS into resources/
php artisan vendor:publish --tag=neura-lang         # translations
```

---

PHP & JavaScript helpers
----------------------------

[](#php--javascript-helpers)

Use the `InteractsWithNeuraKit` trait on Livewire components for `toast()`, `modal()`, `dialog()`, and `openModal()`.

PHPJavaScript`$this->toast('…')->success()``NeuraKit.toast('…').success()``$this->modal(Class::class)->with([…])->open()``NeuraKit.modal('name').with({…}).open()``$this->dialog('Title')->danger()->show()``NeuraKit.dialog('Title').danger().show()`---

Development
-----------

[](#development)

```
composer install
./vendor/bin/phpunit
```

---

License
-------

[](#license)

MIT License — see [LICENSE](LICENSE).

###  Health Score

48

—

FairBetter than 94% of packages

Maintenance96

Actively maintained with recent releases

Popularity14

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity62

Established project with proven stability

 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

Every ~2 days

Recently: every ~19 days

Total

68

Last Release

19d ago

Major Versions

v1.1.17 → 2.0.02026-05-21

### Community

Maintainers

![](https://www.gravatar.com/avatar/46071ff41a6620ef4019427bf6338efb59394b4f6342e9879cef0541df4cc878?d=identicon)[AkramZerarka](/maintainers/AkramZerarka)

---

Top Contributors

[![AkramZerarka](https://avatars.githubusercontent.com/u/14928910?v=4)](https://github.com/AkramZerarka "AkramZerarka (99 commits)")

---

Tags

laraveluicomponentsbladekit

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/neura-ui-neura-kit/health.svg)

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

###  Alternatives

[tallstackui/tallstackui

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

719160.4k12](/packages/tallstackui-tallstackui)[livewire/flux

The official UI component library for Livewire.

9466.8M119](/packages/livewire-flux)[moonshine/moonshine

Laravel administration panel

1.3k239.9k72](/packages/moonshine-moonshine)[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k531.0k21](/packages/robsontenorio-mary)[psalm/plugin-laravel

Psalm plugin for Laravel

3325.1M337](/packages/psalm-plugin-laravel)[area17/blast

Storybook for Laravel Blade

312713.5k](/packages/area17-blast)

PHPackages © 2026

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