Component Library

Every component, organized.

Blade components grouped into categories. Pick a category to see live previews and copyable code.

layout.blade.php
<link rel="stylesheet" href="https://design.pajak.studio/vendor/pajak/ui/assets/main.css">
<script src="https://design.pajak.studio/vendor/pajak/ui/assets/main.js" defer type="module"></script>
57
Components
10
Categories
117
Design tokens
v0.2.0
Stable release
14

Forms

Form controls with validation states baked in - wrappers, fields, inputs, selects, checkboxes, radios, toggles and more.

Form Field Input Select Checkbox Radio Toggle
Browse Forms
1

Table

A powerful data table with sortable columns, pagination, row actions, and flexible column definitions.

Table
Browse Table
2

Button

Accessible buttons in multiple variants, sizes, and states - primary, secondary, ghost, danger, and more.

Button Copy Button
Browse Button
5

Feedback

Communicate state to the user — alerts, banners, toasts, empty states, and full-page error screens.

Alert Banner Toast Empty state Error Page
Browse Feedback
6

Navigation

Help users move through your app — navbars, sidebars, segmented controls, breadcrumbs, tabs, and steppers.

Navbar Sidebar Segmented Tabs Breadcrumbs
Browse Navigation
1

Calendar

A floating date and date range picker with optional time inputs, min/max constraints, and presets sidebar.

Date Picker
Browse Calendar
8

Display

Visual primitives for presenting data and state — accordions, avatars, badges, progress bars, spinners, skeletons, dividers, and tooltips.

Accordion Avatar Badge Spinner Progress
Browse Display
3

Layout

Surface and structure components for organising content — cards, grouped list rows, and key-value detail views.

Card List Detail
Browse Layout
4

Overlay

Components that appear above page content — dialogs, modals, drawers, and popovers built on the native dialog element or positioned anchoring.

Dialog Modal Drawer Popover
Browse Overlay
13

Email

Composable sub-components for building styled transactional emails — header, hero, body, infocard, alert, CTA, steps, divider, note, and footer.

EmailWrap EmailHeader EmailHero EmailBody EmailCta
Browse Email