Tune it live. Every preset is pure CSS variables.
"Default" follows the body font.
Copy your complete theme and paste it as your resources/css/app.css — the Tailwind import, every token and the @theme mapping are all included, so it works as-is.
Calendar 04 — a ready-made Laravel UI block built with BlatUI Blade components. Live preview plus the full source to copy, paste and own.
<x-layouts.app title="Calendar 04">
<div class="flex min-h-svh items-center justify-center p-6">
<x-ui.calendar mode="range" :value="['from' => '2025-06-09', 'to' => '2025-06-26']" default-month="2025-06-09" class="rounded-lg border shadow-sm" />
</div>
</x-layouts.app>