PHPackages pajak/ui - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. pajak/ui ActiveLibrary[Utility & Helpers](/categories/utility) pajak/ui ======== A UI component library for Laravel v0.3.0(1w ago)078↑438.5%MITPHPPHP ^8.5CI passing Since May 18Pushed 6d agoCompare [ Source](https://github.com/patrikjak/pajak-ui)[ Packagist](https://packagist.org/packages/pajak/ui)[ RSS](/packages/pajak-ui/feed)WikiDiscussions main Synced 1w ago READMEChangelog (5)Dependencies (9)Versions (6)Used By (0) Pajak - UI ========== [](#pajak---ui) [![PHP Version](https://camo.githubusercontent.com/a3efcba14243fb59b4bc246efb4cca2aee6c5ae1a38ee305f736d4eabf2e96f1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f7068702d382e352d626c75652e737667)](https://www.php.net/releases/8.5/)[![Laravel](https://camo.githubusercontent.com/91187c3b19f88962f028ac5adffe59c4c1d6c68fb732dcd0afbbaac7732adb0b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c61726176656c2d31332d7265642e737667)](https://laravel.com/)[![Node Version](https://camo.githubusercontent.com/dd7066bf41eddb5454750258ac1c800f27251457b22952ab936396040c60ec80/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6e6f64652d32352d677265656e2e737667)](https://nodejs.org/en/)[![License](https://camo.githubusercontent.com/8bb50fd2278f18fc326bf71f6e88ca8f884f72f179d3e555e20ed30157190d0d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e2e737667)](LICENSE) Pajak UI is a Laravel package providing reusable Blade components for common UI patterns, along with accompanying frontend assets (SCSS, TypeScript) built with Vite. It is designed to be installed into Laravel projects via Composer, offering a consistent and customizable UI foundation. Live component previews and usage examples are available at **[design.pajak.studio](https://design.pajak.studio)**. Requirements ------------ [](#requirements) - PHP 8.5+ - Laravel 13+ Installation ------------ [](#installation) ``` composer require pajak/ui ``` The service provider is auto-discovered. Run the install command to publish the config and assets: ``` php artisan install:pajak-ui ``` Asset Inclusion --------------- [](#asset-inclusion) **Pre-built assets** are published to `public/vendor/pajak/ui/` during installation — no build step required. **From source** (recommended for production, granular inclusion): publish the SCSS/TS sources and import only what you need in your own Vite config: ``` php artisan vendor:publish --tag=pajak-ui-sources ``` ``` // Import only what you need @use 'vendor/pajak/ui/css/form/form-standalone'; @use 'vendor/pajak/ui/css/button/index'; ``` Documentation ------------- [](#documentation) For quick component selection, see **[`docs/components.md`](docs/components.md)** — a single-page index with Blade tags, purpose, key props, and when-to-use guidance for every component. Full component reference lives in [`docs/`](docs/): **Forms & Inputs** FileContents[`docs/form.md`](docs/form.md)Form components — `field`, `input`, `password`, `email`, `number`, `tel`, `url`, `textarea`, `select`, `toggle`, `checkbox`, `radio`, `radio-card`, `file`, `dropzone`, `slider`, `repeater`, `section`, `group`, `hidden`, `avatar`[`docs/calendar.md`](docs/calendar.md)Calendar / date-picker — props, Blade usage, JS API[`docs/avatar.md`](docs/avatar.md)Avatar component — standalone usage outside forms**Actions & Feedback** FileContents[`docs/button.md`](docs/button.md)Button component — variants, sizes, loading state[`docs/copy-button.md`](docs/copy-button.md)Copy-to-clipboard button — variants, JS API[`docs/toast.md`](docs/toast.md)Toast notification system — JS API, asset inclusion[`docs/alert.md`](docs/alert.md)Inline alert banners — types and dismissal[`docs/banner.md`](docs/banner.md)Page-level banners — variants and dismiss[`docs/dialog.md`](docs/dialog.md)Confirmation dialogs — types, JS API[`docs/modal.md`](docs/modal.md)Modal overlays — size variants, JS API[`docs/drawer.md`](docs/drawer.md)Side drawers — placement variants, JS API[`docs/progress.md`](docs/progress.md)Progress bar component[`docs/spinner.md`](docs/spinner.md)Arc spinner — sizes, variants**Navigation** FileContents[`docs/navbar.md`](docs/navbar.md)Navbar and nav tab bar components[`docs/sidebar.md`](docs/sidebar.md)Sidebar with sections, items, and sub-items[`docs/breadcrumbs.md`](docs/breadcrumbs.md)Breadcrumb trail component[`docs/tabs.md`](docs/tabs.md)Tab groups — variants and interactive tabs[`docs/segmented.md`](docs/segmented.md)Segmented control[`docs/stepper.md`](docs/stepper.md)Multi-step stepper — variants and states**Layout & Display** FileContents[`docs/card.md`](docs/card.md)Card component — variants and slots[`docs/table.md`](docs/table.md)Server-driven AJAX data table — PHP builder API, filters, pagination, actions[`docs/list.md`](docs/list.md)List and list-row components[`docs/detail.md`](docs/detail.md)Detail display — key/value rows and variants[`docs/accordion.md`](docs/accordion.md)Accordion — variants and modes[`docs/popover.md`](docs/popover.md)Popover — placement options, JS API[`docs/tooltip.md`](docs/tooltip.md)Tooltip component[`docs/badge.md`](docs/badge.md)Badge / status chip component[`docs/divider.md`](docs/divider.md)Horizontal divider[`docs/skeleton.md`](docs/skeleton.md)Skeleton loading placeholders[`docs/empty-state.md`](docs/empty-state.md)Empty state — variants and slots[`docs/error-page.md`](docs/error-page.md)Error pages — 404, 500, 403, 401, 503**Email** FileContents[`docs/email.md`](docs/email.md)Email template components — composable Blade sub-components for transactional emails**Utilities** FileContents[`docs/http.md`](docs/http.md)HTTP connector — JS API for AJAX form submission[`docs/dark-mode.md`](docs/dark-mode.md)Dark mode support — configuration and usage[`docs/value-objects.md`](docs/value-objects.md)Value objects — PHP helpers shipped with the packageLicense ------- [](#license) [MIT](LICENSE) ### Health Score 43 — FairBetter than 89% of packages Maintenance98 Actively maintained with recent releases Popularity13 Limited adoption so far Community6 Small or concentrated contributor base Maturity45 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~4 days Total 4 Last Release 9d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/49360467?v=4)[Patrik Jakab](/maintainers/patrikjak)[@patrikjak](https://github.com/patrikjak) --- Top Contributors [![patrikjak](https://avatars.githubusercontent.com/u/49360467?v=4)](https://github.com/patrikjak "patrikjak (8 commits)") --- Tags laraveluicomponents ### Code Quality TestsPHPUnit Static AnalysisPHPStan Code StylePHP\_CodeSniffer Type Coverage Yes ### Embed Badge ![Health badge](/badges/pajak-ui/health.svg) ``` [![Health](https://phpackages.com/badges/pajak-ui/health.svg)](https://phpackages.com/packages/pajak-ui) ``` ### Alternatives [livewire/flux The official UI component library for Livewire. 9466.8M119](/packages/livewire-flux)[robsontenorio/mary Gorgeous UI components for Livewire powered by daisyUI and Tailwind 1.5k531.0k21](/packages/robsontenorio-mary)[markwalet/nova-modal-response A Laravel Nova asset for Modal responses on an action. 17818.7k](/packages/markwalet-nova-modal-response)[rapidez/core Rapidez Core 1822.4k65](/packages/rapidez-core)[team-nifty-gmbh/tall-datatables Server-side rendered datatables for Laravel and Livewire 1319.7k3](/packages/team-nifty-gmbh-tall-datatables)[tomshaw/electricgrid A feature-rich Livewire package designed for projects that require dynamic, interactive data tables. 119.2k](/packages/tomshaw-electricgrid) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)