Is the Aura UI MCP server free to use?

Yes. Aura UI is listed on AllMCPs as a free, open Model Context Protocol server you can install into Claude Desktop, Cursor, or any MCP-compatible client.

Is the Aura UI MCP server free to use?

Yes. Aura UI is listed on AllMCPs as a free, open Model Context Protocol server you can install into Claude Desktop, Cursor, or any MCP-compatible client.

Aura UI

Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.

Quick Install

Automated & IDE Setup

Copy the AI prompt to install this server into Claude Code, Cursor, or another agent — or use 1-click editor setup below.

Add to Cursor Add to VS Code

Manual Client & Custom JSON ConfigExpand JSON ▾

Install Config Generator

Choose your client

claude_desktop_config.json

{
  "mcpServers": {
    "aura-ui": {
      "command": "npx",
      "args": [
        "-y",
        "aura-ui"
      ]
    }
  }
}

💡 Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

Documentation Overview

Aura UI

"Vibrant Depth" UI component library for Laravel 12 + Livewire 4 + Alpine.js + Tailwind CSS 4.

Aura UI provides 64 production-ready Blade components with a cohesive design system featuring gradients, glow effects, micro-animations, glass morphism, and full dark mode support. Unlike flat/minimal UI libraries, Aura UI intentionally goes in a different direction while staying professional.

Date picker, file upload, autocomplete, charts, calendar, command palette and the rich editor are all included here, under the MIT licence -- no account and no licence key required.

Building an admin panel? Aura UI Pro adds a DataTable system, application shells and data-heavy components on top.

Requirements

PHP 8.3+
Laravel 12
Tailwind CSS 4

Installation

bash

composer require bluestarsystem/aura-ui

Publish config and CSS:

bash

php artisan aura:install

Or publish individually:

bash

# Config only
php artisan vendor:publish --tag=aura-ui-config

# CSS only
php artisan vendor:publish --tag=aura-ui-css

# Views (for customization)
php artisan vendor:publish --tag=aura-ui-views

Import the CSS in your app:

server.ts

/* resources/css/app.css */
@import "vendor/aura-ui/aura.css";

Quick Start

blade

{{-- Button --}}
<x-aura::button variant="primary" size="lg">Save Changes</x-aura::button>

{{-- Input with label and error --}}
<x-aura::input label="Email" type="email" wire:model="email" error="{{ $errors->first('email') }}" />

{{-- Card with header --}}
<x-aura::card shadow="lg">
    <x-slot:header>
        <x-aura::card.title>Dashboard</x-aura::card.title>
    </x-slot:header>
    Your content here.
</x-aura::card>

{{-- Modal --}}
<x-aura::modal name="confirm-delete" max-width="sm">
    <p>Are you sure?</p>
</x-aura::modal>

{{-- Alert --}}
<x-aura::alert variant="success" dismissible>Operation completed.</x-aura::alert>

Components

Primitives

Component	Usage	Description
Button	`<x-aura::button>`	6 variants, 5 sizes, outline, gradient, loading state
Input	`<x-aura::input>`	Label, hint, error, prefix/suffix, clearable
Textarea	`<x-aura::textarea>`	Auto-resize, character count
Select	`<x-aura::select>`	Native select with custom styling
Checkbox	`<x-aura::checkbox>`	Animated check, label, description
Radio	`<x-aura::radio>`	Grouped via `<x-aura::radio-group>`
Toggle	`<x-aura::toggle>`	Switch with sizes and colors
Icon	`<x-aura::icon>`	Heroicons integration

Feedback

Component	Usage	Description
Badge	`<x-aura::badge>`	6 variants, dot, outline, pill, removable
Alert	`<x-aura::alert>`	4 variants, dismissible, icon, title
Spinner	`<x-aura::spinner>`	Border and gradient styles, 3 sizes
Skeleton	`<x-aura::skeleton>`	Text, title, circle, avatar, button, image
Progress	`<x-aura::progress>`	5 colors, striped, animated, label

Layout

Component	Usage	Description
Card	`<x-aura::card>`	Header/body/footer slots, glass, hover
Container	`<x-aura::container>`	Max-width centered wrapper (sm/md/lg/xl/full)
Layout	`<x-aura::layout>`	Flex wrapper for main + aside
Main	`<x-aura::main>`	Semantic primary content area
Aside	`<x-aura::aside>`	Sidebar with width and sticky options
Modal	`<x-aura::modal>`	Overlay, slide-over, glass, sizes
Dropdown	`<x-aura::dropdown>`	Items, separators, keyboard nav
Tooltip	`<x-aura::tooltip>`	Positions, delay
Avatar	`<x-aura::avatar>`	Sizes, status, initials, group

Navigation

Component	Usage	Description
Breadcrumbs	`<x-aura::breadcrumbs>`	Items array, responsive
Pagination	`<x-aura::pagination>`	Laravel paginator, per-page

Data Display

Component	Usage	Description
Empty State	`<x-aura::empty-state>`	Icon, title, description, actions
Stats Card	`<x-aura::stats-card>`	Value, change, icon
Description List	`<x-aura::description-list>`	Label/value pairs
Table	`<x-aura::table>`	Composable table with striped, hoverable, bordered, compact

Typography

Component	Usage	Description
Heading	`<x-aura::heading>`	Semantic h1-h6 with auto sizing
Subheading	`<x-aura::subheading>`	Secondary descriptive text
Text	`<x-aura::text>`	Paragraph text with size, color, weight

Form Layout

Component	Usage	Description
Form	`<x-aura::form>`	Sections, grid, actions

Aura UI Pro

Unlock 25 additional components and a powerful DataTable system with Aura UI Pro:

Application shells: App shell, sidebar, dock, steps wizard, resizable panels
Data-heavy: Kanban board, tree view, scheduler, carousel
Charts: Area chart, bar chart, stat chart, sparkline, gauge
Advanced forms: Color picker, date range picker, OTP input, tags input, pillbox, rich text
Messaging: Chat bubble, mail message, composer
Overlays: Hover card, confirmation dialog
DataTable: 6 Livewire traits, column builder, bulk actions, filters, inline editing, row details

Design System

Aura UI's "Vibrant Depth" design system is built on CSS custom properties:

Colors: 6 semantic palettes (primary, secondary, success, warning, danger, info) + surface scale
Shadows: 6 elevation levels + colored glow effects for focus states
Animations: 14 keyframes with spring easing curves
Glass morphism: 3 intensity levels (subtle, standard, strong)
Typography: Inter (sans) + JetBrains Mono (mono)
Border radius: 6-step scale from 6px to 9999px

Dark Mode

All components support dark mode via the .dark class on <html>:

html

<html class="dark">

Colors, shadows, and glows automatically adapt.

Customization

Override CSS custom properties to theme Aura UI:

css

:root {
    --aura-primary-500: #8b5cf6; /* Change primary to violet */
    --aura-radius-md: 12px;      /* Rounder corners */
}

Playground

Visit /aura/playground in your app to see all components live. Toggle in config:

php

// config/aura-ui.php
'playground' => [
    'enabled' => env('AURA_PLAYGROUND', true),
],

Testing

bash

cd packages/bluestarsystem/aura-ui
php vendor/bin/pest

License

MIT License. See LICENSE for details.

Credits

Juri Montico — BlueStarSystem

Related MCP Servers

View all in Developer Tools View all alternatives

Frequently Asked Questions about Aura UI

Add the following block to your claude_desktop_config.json under mcpServers: "mcpServers": { "aura-ui": { "command": "npx", "args": ["-y", "Aura UI"] } }

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:

Live Dynamic SVG Preview

Markdown (GitHub README)

[![AllMCPs](https://allmcps.com/api/badge/aura-ui?style=directory)](https://allmcps.com/mcp/aura-ui)

HTML Embed

<a href="https://allmcps.com/mcp/aura-ui"><img src="https://allmcps.com/api/badge/aura-ui?style=directory" alt="Aura UI on AllMCPs" /></a>

Technical Specs & Signals

CategoryDeveloper Tools

0/4 checks healthy over the last 6h

27Quality signal: Emerging · 27/100How this signal is calculated ▾

Server availabilityNot measured

Not scored for repo-hosted servers — we can't reach the running server, only its GitHub page. Hosted MCP endpoints are health-checked live.

Verified ownership8/20

Documentation & tools11/30

Adoption & activity1/15

Community engagement0/10

A guidance signal from public completeness & health data — not a user rating. New listings start lower and rise as they add docs, get verified, and grow adoption. Signals we can't observe for a listing are skipped, not counted against it.

★ Spotlight Slot

Feature Your MCP Server

Get maximum visibility for your server across our directory, search results, and detail pages.

Spotlight Your Server

Own this project?

This directory is pre-filled from public sources. Claim via GitHub README, site badge, or DNS TXT to get the verified badge.

Free dofollow backlink: after claiming, verify your product site and place a dofollow AllMCPs badge — we recheck it stays live.

Claim & get free dofollow

Share & Embed

Add our SVG badge (dark/light directory styles) or embeddable widget to your site.

Explore more

More in 💻 Developer Tools →Best MCP servers for Developers →Alternatives to Aura UI →Install in Claude Desktop Install in Cursor Install in VS Code

Aura UI

Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.

Quick Install

Automated & IDE Setup

Copy the AI prompt to install this server into Claude Code, Cursor, or another agent — or use 1-click editor setup below.

Add to Cursor Add to VS Code

Manual Client & Custom JSON ConfigExpand JSON ▾

Install Config Generator

Choose your client

claude_desktop_config.json

{
  "mcpServers": {
    "aura-ui": {
      "command": "npx",
      "args": [
        "-y",
        "aura-ui"
      ]
    }
  }
}

💡 Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

Documentation Overview

Aura UI

"Vibrant Depth" UI component library for Laravel 12 + Livewire 4 + Alpine.js + Tailwind CSS 4.

Date picker, file upload, autocomplete, charts, calendar, command palette and the rich editor are all included here, under the MIT licence -- no account and no licence key required.

Building an admin panel? Aura UI Pro adds a DataTable system, application shells and data-heavy components on top.

Requirements

PHP 8.3+
Laravel 12
Tailwind CSS 4

Installation

bash

composer require bluestarsystem/aura-ui

Publish config and CSS:

bash

php artisan aura:install

Or publish individually:

bash

# Config only
php artisan vendor:publish --tag=aura-ui-config

# CSS only
php artisan vendor:publish --tag=aura-ui-css

# Views (for customization)
php artisan vendor:publish --tag=aura-ui-views

Import the CSS in your app:

server.ts

/* resources/css/app.css */
@import "vendor/aura-ui/aura.css";

Quick Start

blade

{{-- Button --}}
<x-aura::button variant="primary" size="lg">Save Changes</x-aura::button>

{{-- Input with label and error --}}
<x-aura::input label="Email" type="email" wire:model="email" error="{{ $errors->first('email') }}" />

{{-- Card with header --}}
<x-aura::card shadow="lg">
    <x-slot:header>
        <x-aura::card.title>Dashboard</x-aura::card.title>
    </x-slot:header>
    Your content here.
</x-aura::card>

{{-- Modal --}}
<x-aura::modal name="confirm-delete" max-width="sm">
    <p>Are you sure?</p>
</x-aura::modal>

{{-- Alert --}}
<x-aura::alert variant="success" dismissible>Operation completed.</x-aura::alert>

Components

Primitives

Component	Usage	Description
Button	`<x-aura::button>`	6 variants, 5 sizes, outline, gradient, loading state
Input	`<x-aura::input>`	Label, hint, error, prefix/suffix, clearable
Textarea	`<x-aura::textarea>`	Auto-resize, character count
Select	`<x-aura::select>`	Native select with custom styling
Checkbox	`<x-aura::checkbox>`	Animated check, label, description
Radio	`<x-aura::radio>`	Grouped via `<x-aura::radio-group>`
Toggle	`<x-aura::toggle>`	Switch with sizes and colors
Icon	`<x-aura::icon>`	Heroicons integration

Feedback

Component	Usage	Description
Badge	`<x-aura::badge>`	6 variants, dot, outline, pill, removable
Alert	`<x-aura::alert>`	4 variants, dismissible, icon, title
Spinner	`<x-aura::spinner>`	Border and gradient styles, 3 sizes
Skeleton	`<x-aura::skeleton>`	Text, title, circle, avatar, button, image
Progress	`<x-aura::progress>`	5 colors, striped, animated, label

Layout

Component	Usage	Description
Card	`<x-aura::card>`	Header/body/footer slots, glass, hover
Container	`<x-aura::container>`	Max-width centered wrapper (sm/md/lg/xl/full)
Layout	`<x-aura::layout>`	Flex wrapper for main + aside
Main	`<x-aura::main>`	Semantic primary content area
Aside	`<x-aura::aside>`	Sidebar with width and sticky options
Modal	`<x-aura::modal>`	Overlay, slide-over, glass, sizes
Dropdown	`<x-aura::dropdown>`	Items, separators, keyboard nav
Tooltip	`<x-aura::tooltip>`	Positions, delay
Avatar	`<x-aura::avatar>`	Sizes, status, initials, group

Navigation

Component	Usage	Description
Breadcrumbs	`<x-aura::breadcrumbs>`	Items array, responsive
Pagination	`<x-aura::pagination>`	Laravel paginator, per-page

Data Display

Component	Usage	Description
Empty State	`<x-aura::empty-state>`	Icon, title, description, actions
Stats Card	`<x-aura::stats-card>`	Value, change, icon
Description List	`<x-aura::description-list>`	Label/value pairs
Table	`<x-aura::table>`	Composable table with striped, hoverable, bordered, compact

Typography

Component	Usage	Description
Heading	`<x-aura::heading>`	Semantic h1-h6 with auto sizing
Subheading	`<x-aura::subheading>`	Secondary descriptive text
Text	`<x-aura::text>`	Paragraph text with size, color, weight

Form Layout

Component	Usage	Description
Form	`<x-aura::form>`	Sections, grid, actions

Aura UI Pro

Unlock 25 additional components and a powerful DataTable system with Aura UI Pro:

Application shells: App shell, sidebar, dock, steps wizard, resizable panels
Data-heavy: Kanban board, tree view, scheduler, carousel
Charts: Area chart, bar chart, stat chart, sparkline, gauge
Advanced forms: Color picker, date range picker, OTP input, tags input, pillbox, rich text
Messaging: Chat bubble, mail message, composer
Overlays: Hover card, confirmation dialog
DataTable: 6 Livewire traits, column builder, bulk actions, filters, inline editing, row details

Design System

Aura UI's "Vibrant Depth" design system is built on CSS custom properties:

Colors: 6 semantic palettes (primary, secondary, success, warning, danger, info) + surface scale
Shadows: 6 elevation levels + colored glow effects for focus states
Animations: 14 keyframes with spring easing curves
Glass morphism: 3 intensity levels (subtle, standard, strong)
Typography: Inter (sans) + JetBrains Mono (mono)
Border radius: 6-step scale from 6px to 9999px

Dark Mode

All components support dark mode via the .dark class on <html>:

html

<html class="dark">

Colors, shadows, and glows automatically adapt.

Customization

Override CSS custom properties to theme Aura UI:

css

:root {
    --aura-primary-500: #8b5cf6; /* Change primary to violet */
    --aura-radius-md: 12px;      /* Rounder corners */
}

Playground

Visit /aura/playground in your app to see all components live. Toggle in config:

php

// config/aura-ui.php
'playground' => [
    'enabled' => env('AURA_PLAYGROUND', true),
],

Testing

bash

cd packages/bluestarsystem/aura-ui
php vendor/bin/pest

License

MIT License. See LICENSE for details.

Credits

Juri Montico — BlueStarSystem

Related MCP Servers

View all in Developer Tools View all alternatives

Frequently Asked Questions about Aura UI

Add the following block to your claude_desktop_config.json under mcpServers: "mcpServers": { "aura-ui": { "command": "npx", "args": ["-y", "Aura UI"] } }

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:

Live Dynamic SVG Preview

Markdown (GitHub README)

[![AllMCPs](https://allmcps.com/api/badge/aura-ui?style=directory)](https://allmcps.com/mcp/aura-ui)

HTML Embed

<a href="https://allmcps.com/mcp/aura-ui"><img src="https://allmcps.com/api/badge/aura-ui?style=directory" alt="Aura UI on AllMCPs" /></a>

Technical Specs & Signals

CategoryDeveloper Tools

0/4 checks healthy over the last 6h

27Quality signal: Emerging · 27/100How this signal is calculated ▾

Server availabilityNot measured

Not scored for repo-hosted servers — we can't reach the running server, only its GitHub page. Hosted MCP endpoints are health-checked live.

Verified ownership8/20

Documentation & tools11/30

Adoption & activity1/15

Community engagement0/10

★ Spotlight Slot

Feature Your MCP Server

Get maximum visibility for your server across our directory, search results, and detail pages.

Spotlight Your Server

Own this project?

This directory is pre-filled from public sources. Claim via GitHub README, site badge, or DNS TXT to get the verified badge.

Free dofollow backlink: after claiming, verify your product site and place a dofollow AllMCPs badge — we recheck it stays live.

Claim & get free dofollow

Share & Embed

Add our SVG badge (dark/light directory styles) or embeddable widget to your site.

Explore more

More in 💻 Developer Tools →Best MCP servers for Developers →Alternatives to Aura UI →Install in Claude Desktop Install in Cursor Install in VS Code

Aura UI

Quick Install

Install Config Generator

Documentation Overview

Aura UI

Requirements

Installation

Quick Start

Components

Primitives

Feedback

Layout

Navigation

Data Display

Typography

Form Layout

Aura UI Pro

Design System

Dark Mode

Customization

Playground

Testing

Links

License

Credits

Related MCP Servers

Frequently Asked Questions about Aura UI

AllMCPs Directory Badge

Technical Specs & Signals

Feature Your MCP Server

Own this project?

Share & Embed

Explore more

Aura UI

Quick Install

Install Config Generator

Documentation Overview

Aura UI

Requirements

Installation

Quick Start

Components

Primitives

Feedback

Layout

Navigation

Data Display

Typography

Form Layout

Aura UI Pro

Design System

Dark Mode

Customization

Playground

Testing

Links

License

Credits

Related MCP Servers

Frequently Asked Questions about Aura UI

AllMCPs Directory Badge

Technical Specs & Signals

Feature Your MCP Server

Own this project?

Share & Embed

Explore more