Own every layer of your Laravel UI

Skip copy-paste UI. NeuraKit ships composable Blade components with Livewire + Alpine ergonomics — built to scale in production apps, not just demos.
Inspired by "composable primitives" — tuned for Laravel teams shipping real apps.
60+ components
Dark mode
Livewire-first
Accessible defaults

Everything you need to ship a serious UI

Built for real Laravel apps: consistent design, predictable behavior, and components that don't fight you.
01

Token-driven theming

One source of truth for color, radius, spacing, and elevation.
  • Light / dark built-in
  • Variants stay consistent
  • Easy per-app overrides
// Colors, variants, and tokens — all configurable.
02

Fast interactions

Minimal JS with predictable DOM for Livewire + Alpine patterns.
  • No layout thrash
  • Optimized states
  • Snappy feedback
// Livewire + Alpine patterns — minimal JS overhead.
03

Composable primitives

Build pages like Lego: slots, stacks, grids, and panels that scale.
  • Slots everywhere
  • Composable layout
  • No "magic" markup
Stack
Box
Grid
Flow
// Stack, Box, Grid — compose any layout.
04

Accessible defaults

Focus, keyboard navigation, semantics — handled by default.
  • ARIA where needed
  • Good contrast
  • Safe focus rings
Keyboard navigable
ARIA labels
Focus rings
// Labels, focus states, ARIA — handled by default.
05

Responsive by design

Mobile-first spacing and touch targets that feel intentional.
  • Great on mobile
  • No cramped UI
  • Consistent rhythm
lg
// Mobile-first breakpoints — responsive by design.
06

Developer friendly

Readable Blade, clean APIs, easy extension without fighting styles.
  • Override classes
  • Extend variants
  • Great DX
<neura::button
  variant="primary"
  size="lg" />
// Clean Blade syntax — override classes easily.
Want a quick tour of the component library?

See the code. See the result.

Toggle between code and preview. What you see is pure NeuraKit.
login.blade.php
<neura::container size="xs">
  <neura::stack
    padding="xl"
    gap="md"
    rounded="3xl"
    class="bg-white dark:bg-neutral-900"
  >

  <neura::box variant="card">
    <neura::icon
      name="lock-closed"
      class="size-7 text-primary-600"
    />
  </neura::box>

  <neura::heading
    level="h1"
    size="2xl"
    align="center"
  >
    Welcome back
  </neura::heading>

  <neura::text
    size="sm"
    align="center"
  >
    Sign in to your account
  </neura::text>

  <neura::form wire:submit="login">
    <neura::field required>
      <neura::label>Email</neura::label>
      <neura::input
        type="email"
        placeholder="you@example.com"
      />
    </neura::field>

    <neura::field required>
      <neura::label>Password</neura::label>
      <neura::input
        type="password"
        revealable
      />
    </neura::field>

    <neura::checkbox label="Remember me" />

    <neura::button
      variant="primary"
      size="lg"
      class="w-full"
    >
      Sign in
    </neura::button>
  </neura::form>

  </neura::stack>
</neura::container>
Preview
Live

Welcome back

Sign in to your account to continue
Email address
Don't have an account? Sign up

A library you can actually build with

Browse polished primitives and production-ready patterns — consistent tokens, dark mode, and great defaults.
What you get

60+ building blocks

Buttons, forms, overlays, layout primitives — all composed the same way, so your UI stays coherent.
Tip
Everything is composable: override classes, extend variants, and keep the API clean.

Buttons

Primary, soft, outline, ghost — consistent states.
Variants • Sizes • Icons

Badges

Status + labels with accessible defaults.
Soft • Outline • Solid

Cards & Panels

Surfaces, elevation, borders, and layout primitives.
Card • Muted • Bordered
Card
Muted

Forms

Inputs, labels, validation states — predictable UX.
Input • Select • Toggle

Navigation

Tabs, breadcrumbs, pagination — keyboard-friendly.
Tabs • Pager • Breadcrumbs

Feedback

Toasts, alerts, modals — polished motion + a11y.
Alert • Toast • Modal
Action completed
Need examples? See real page sections built from these primitives.

Choose the perfect plan for your needs

One-time purchase with lifetime updates. No subscriptions, no hidden fees.

Solo

For individual developers.

€59

year
Personal license
What's included
1 project
1 seat
Lifetime updates
1 project
1 seat included

Team

For growing teams.

€199

year
Team license
What's included
5 projects
5 seats included
Extra seats billed monthly
Priority support
5 projects
5 seats included
Extra seats: €29/year per seat

Lifetime Team

Unlimited projects and seats.

€399

one-time
Unlimited license
What's included
Unlimited projects
Unlimited seats
Lifetime updates