Skip to content
Praesepe UI

Praesepe UI

Blade components you can paste into Laravel and ship.

Tailwind CSS 4 tokens and Alpine.js 3 behavior, dogfooded for Indonesian SME software. Architected with WCAG 2.2 AA patterns in mind.

Read the docs Browse components

Interactive SME workspace

Live components above the fold. No screenshots.

Toko Kita Ops

Invoice and order desk · INV-2026-089

Paid today: 3 Due soon: 2
Invoice Customer Status
INV-2026-089 CV Nusantara Paid Rp 2.450.000
INV-2026-090 Warung Sederhana Pending USD 480.00
ORD-2201 Toko Maju Jaya Shipped Rp 1.125.000

Team access

Roles for finance, ops, and warehouse owners.

SR BS AL

Notifications

Default role

Theme token live tuner

Click a theme or scheme. CSS variables update instantly across this workspace.

Brand soft In stock

Three steps to ship

No runtime package tax. Copy the snippet, wire tokens, deploy.

  1. Step 01

    Copy snippet or Blade

    Grab HTML + Alpine or an <x-ui.*> component from the docs.

  2. Step 02

    Drop theme.css

    Import semantic --ui-* tokens once. Themes and dark mode swap at runtime.

  3. Step 03

    Ship

    Keep ownership of the markup. Customize freely inside your Laravel app.

When to choose what

Honest positioning. Pick the stack that matches your rendering model, not a trend.

Library Choose it when Trade-off
Praesepe UI You want copy-paste Blade + Tailwind 4 + Alpine 3 with semantic themes and docs that dogfood the same components. You own the markup. There is no paid component marketplace or Livewire runtime.
Flux UI Your app is Livewire-first and you want an official, integrated component layer for that stack. Couples UI to Livewire and a commercial product surface.
shadcn/ui You build in React (or a React-adjacent toolchain) and want copy-paste primitives in that ecosystem. Not a Blade workflow. Requires a JS component tree.
Penguin UI You want Alpine + Tailwind HTML snippets with a broad marketing-site catalog. Less opinionated around Laravel Blade registries, semantic OKLCH themes, and SME ops examples.

Built by Praesepe

Architecture & custom software partner

Praesepe uses these exact UI primitives to ship SME dashboards, inventory systems, invoicing desks, and internal tools faster, without rebuilding a design system for every client.

  • Same Blade + Tailwind 4 + Alpine 3 stack you see in this docs site
  • Opinionated for Indonesian SME ops: invoices, stock, roles, approvals
  • Architected with WCAG 2.2 AA patterns in mind for keyboard and ARIA

Talk to the studio

WhatsApp: TODO Email the studio Visit Praesepe

Marketing metrics, logos, and client testimonials stay as TODO until real data is approved. See TODO.md.