PHPackages skywalker-labs/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. skywalker-labs/ui ActiveLibrary skywalker-labs/ui ================= Frontend presets and powerful UI utilities for Laravel applications by Skywalker Labs. v1.0.0(2mo ago)41โ†“100%MITPHPPHP ^8.0CI passing Since Mar 6Pushed 2mo agoCompare [ Source](https://github.com/skywalker-labs/ui)[ Packagist](https://packagist.org/packages/skywalker-labs/ui)[ Docs](https://github.com/skywalker-labs/ui)[ GitHub Sponsors](https://github.com/sponsors/ermradulsharma)[ RSS](/packages/skywalker-labs-ui/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (1)Dependencies (3)Versions (2)Used By (0) Skywalker Labs UI ================= [](#skywalker-labs-ui) [![Build Status](https://github.com/skywalker-labs/ui/actions/workflows/tests.yml/badge.svg)](https://github.com/skywalker-labs/ui/actions/workflows/tests.yml)[![Latest Version on Packagist](https://camo.githubusercontent.com/dd632b7c2e15d35092a8290f03fd675623c2c10a979ce2007ed75d0c9ff02649/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f736b7977616c6b65722d6c6162732f75692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/skywalker-labs/ui)[![Total Downloads](https://camo.githubusercontent.com/4fc4e20d3fd5740593aa5e243a2fc55ff8c66a655d9b4e4954556efd45e669f5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f736b7977616c6b65722d6c6162732f75692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/skywalker-labs/ui)[![PHP from Packagist](https://camo.githubusercontent.com/62f930e9a60a8871893d3104d9c74de5128d9fd39eedd2f86709505da4f370c2/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f736b7977616c6b65722d6c6162732f75692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/skywalker-labs/ui)[![License](https://camo.githubusercontent.com/622724968e95bca0abaca312b33d668328f0d85d76b0439f6ce7c722a6acdebf/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f736b7977616c6b65722d6c6162732f75692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/skywalker-labs/ui) A powerful, incredibly simple, and lightning-fast frontend scaffolding package for Laravel applications by **Skywalker Labs**. Whether you are a Junior Developer starting your first project or a Senior Engineer looking for a rapid and proven frontend foundation, **Skywalker UI** gives you everything you need. It provides a robust starting point using [Bootstrap 5](https://getbootstrap.com/), [React](https://reactjs.org/), or [Vue](https://vuejs.org/). With a single command, you can scaffold complete authentication flows, responsive views, and a modern Vite build pipeline! ๐Ÿš€ --- ๐ŸŒŸ Key Features -------------- [](#-key-features) - **Instant Authentication System**: Generates Login, Registration, Password Reset, and Verification flows in seconds. - **Frontend Presets**: Choose seamlessly between Bootstrap, Vue.js, or React.js. - **Vite Integration**: Out-of-the-box hot-module replacement (HMR) and insanely fast asset compilation. - **Clean Architecture**: Generates fully customizable Blade templates (`resources/views/auth`). - **Beginner Friendly**: No complex logic hidden from you. All controllers and views are published to your app so you can learn and customize freely! --- โšก Installation Guide -------------------- [](#-installation-guide) You can install the package effortlessly using Composer. Open your terminal at the root of your Laravel project: ``` composer require skywalker-labs/ui ``` > **Note:** This package is fully compatible with Laravel 9.x, 10.x, 11.x, and 12.x out-of-the-box. --- ๐Ÿ› ๏ธ Usage & Scaffolding -------------------------- [](#๏ธ-usage--scaffolding) Once installed, you can use the newly available `ui` Artisan command to install the frontend scaffolding of your choice. ### 1. Basic Frontend Scaffolding [](#1-basic-frontend-scaffolding) If you only want to set up the CSS/JS framework (without authentication views), run one of the following commands: ``` # For a clean Bootstrap 5 setup php artisan ui bootstrap # For a modern Vue.js setup php artisan ui vue # For a robust React.js setup php artisan ui react ``` ### 2. Full Authentication Scaffolding (Recommended) ๐Ÿ” [](#2-full-authentication-scaffolding-recommended-) Most projects require a secure login system. You can generate fully functioning login, registration, and dashboard interfaces by appending the `--auth` flag. Run *one* of the following commands: ``` php artisan ui bootstrap --auth php artisan ui vue --auth php artisan ui react --auth ``` **What does the `--auth` flag do?** - It publishes `HomeController.php` to handle your dashboard routes. - It injects `Auth::routes();` into your `routes/web.php` file automatically. - It creates a beautiful `layouts/app.blade.php` master template. - It scaffolds all the necessary forms in `resources/views/auth/`. ### 3. Compile Your Assets [](#3-compile-your-assets) After choosing your preset, you must install the NPM packages and compile your fresh assets using Vite: ``` npm install npm run dev ``` *For production deployment, you would run `npm run build` instead.* --- ๐Ÿ“ Customizing Your Setup ------------------------ [](#-customizing-your-setup) Skywalker UI is designed to give you 100% control over your application. ### Understanding the Routes [](#understanding-the-routes) When you run the `--auth` command, this line is added to `routes/web.php`: ``` Auth::routes(); ``` This single line registers all the standard authentication endpoints (`/login`, `/register`, `/password/reset`, etc.). ### Modifying the Views [](#modifying-the-views) All the generated views are placed directly in your `resources/views/` directory. You can easily modify the HTML or Blade structure by editing these files: - `resources/views/layouts/app.blade.php` (The main wrapper/navbar) - `resources/views/auth/login.blade.php` - `resources/views/auth/register.blade.php` ### Writing CSS/SASS [](#writing-csssass) We natively support **Vite**, the high-performance build tool utilized across modern Laravel systems. Configuration defaults compile your starting `resources/sass/app.scss` file seamlessly. The generated output is neatly bundled and instantly accessible via your browser upon hitting `npm run dev`. ### Writing JavaScript [](#writing-javascript) Whether you drop in raw ES6 logic, single-file Vue components (`ExampleComponent.vue`), or React files, Vite takes your `resources/js/app.js` file, integrates Bootstrap / Vue framework dependencies natively, and outputs rapid, hot-reloading code immediately. --- ๐ŸŽจ Extending Presets (Advanced) ------------------------------ [](#-extending-presets-advanced) As a package developer or heavily customized team, you can easily write your own custom presets using Laravel's powerful `macroable` system directly from your Service Providers! Add this to the `boot` method of your `AppServiceProvider`: ``` use Skywalker\Ui\Console\Commands\UiCommand; UiCommand::macro('nextjs', function (UiCommand $command) { // Write logic to scaffold your custom frontend... $command->info('Next.js scaffolding installed successfully.'); }); ``` Execute your custom macro seamlessly from the terminal: ``` php artisan ui nextjs ``` --- ๐Ÿงช Testing --------- [](#-testing) We ensure Skywalker UI remains stable via extensive testing. Run the test suite leveraging Composer: ``` composer test ``` *or directly via PHPUnit:* ``` vendor/bin/phpunit ``` ๐Ÿ“ˆ Changelog ----------- [](#-changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently in the `1.x` branch. ๐Ÿค Contributing -------------- [](#-contributing) We love the community! Please see [CONTRIBUTING](CONTRIBUTING.md) for details on how to write code, submit Pull Requests, and help improve the Skywalker UI ecosystem. ๐Ÿ›ก๏ธ Security Vulnerabilities --------------------------- [](#๏ธ-security-vulnerabilities) If you discover any security-related issues, please email `ermradulsharma0@gmail.com` directly instead of using the public issue tracker. Our [Security Policy](SECURITY.md) provides detailed information on disclosure. ๐ŸŽ–๏ธ Credits ---------- [](#๏ธ-credits) - [Mradul Sharma](https://github.com/ermradulsharma) - [Skywalker Labs Team](https://skywalker-labs.com/) - [All Contributors](../../contributors) ๐Ÿ“„ License --------- [](#-license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 36 โ€” LowBetter than 82% of packages Maintenance87 Actively maintained with recent releases Popularity6 Limited adoption so far Community6 Small or concentrated contributor base Maturity38 Early-stage or recently created project 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 Unknown Total 1 Last Release 65d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/68241409c48fd5184c979320937b363826a5a9aeeb4260e8d1fa753be39458b9?d=identicon)[ermradulsharma](/maintainers/ermradulsharma) --- Top Contributors [![ermradulsharma](https://avatars.githubusercontent.com/u/15956546?v=4)](https://github.com/ermradulsharma "ermradulsharma (7 commits)") --- Tags laraveluiskywalker ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/skywalker-labs-ui/health.svg) ``` [![Health](https://phpackages.com/badges/skywalker-labs-ui/health.svg)](https://phpackages.com/packages/skywalker-labs-ui) ``` ### Alternatives [laravel/ui Laravel UI utilities and presets. 2.7k134.9M597](/packages/laravel-ui)[darkaonline/l5-swagger OpenApi or Swagger integration to Laravel 2.9k34.0M111](/packages/darkaonline-l5-swagger)[phpsa/filament-dadjokes With DadJokes every time you load your control panel you'll be greeted by an epic dad joke on the dashboard. 1714.1k](/packages/phpsa-filament-dadjokes)[ympact/flux-icons A package to provide icons from different vendors for Livewire Flux. 116.2k](/packages/ympact-flux-icons)[kamona/kui-laravel-fortify Front-end scafolding for laravel/fortify based on kui-dashboard 132.7k](/packages/kamona-kui-laravel-fortify)[electrik/slate Slate - a Laravel Blade UI Kit is a set of anonymous blade components built using TailwindCSS v4 with built-in dark mode support for your next Laravel project 102.3k1](/packages/electrik-slate) PHPackages ยฉ 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)