Laravel Idea for PhpStorm - Full-featured IDE for productive artisans!

Laravel UI utilities and presets.

laravel/ui image

laravel/ui stats

Downloads
64.5M
Stars
2,294
Open Issues
0
Forks
447

View on GitHub →

Laravel UI Package Summary

Overview

Laravel UI is a straightforward package that offers basic frontend scaffolding primarily using Bootstrap, with support for Vue and React. It's designed to help kickstart the development of Laravel applications by providing an initial setup for authentication and frontend resources. While it supports the latest Laravel versions, it is recommended for legacy projects, with newer projects encouraged to explore Laravel Breeze or Laravel Jetstream.

Key Features

  • Frontend Scaffolding: Quick setup for Bootstrap, Vue, and React.
  • Authentication: Includes templates for login and registration functionalities.
  • Compatibility: Supports various versions of Laravel, from 5.8 up to the latest.
  • Integration with Vite: Uses Vite for compiling CSS and JavaScript, enhancing developer experience with fast build times.
  • Extensible: Allows adding custom methods via macros to the UiCommand class.

Installation and Usage

To install the package, run:

composer require laravel/ui

You can then generate scaffolding for Bootstrap, Vue, or React:

php artisan ui bootstrap
php artisan ui vue
php artisan ui react

For authentication scaffolding:

php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth

Frontend Development

CSS

Install frontend dependencies with NPM:

npm install

Compile SASS to CSS using Vite:

npm run dev

JavaScript

Install JavaScript dependencies:

npm install

Compile and bundle JavaScript using Vite:

npm run dev

Writing Components

Vue components (or React, if preferred) can be used and customized within your application. Components are easily integrated into Laravel Blade templates.

Additional Information

This package provides a simple yet effective way to scaffold and manage the frontend of a Laravel application, with legacy support and integration of modern tools like Vite for a seamless development experience.

laravel photo

Laravel is a web ecosystem full of delightful tools that are supercharged for developer happiness and productivity.

Cube

Laravel Newsletter

Join 40k+ other developers and never miss out on new tips, tutorials, and more.


Laravel Ui Related Articles

Simplify Real-Time Notifications with Laravel's Anonymous Broadcasts image

Simplify Real-Time Notifications with Laravel's Anonymous Broadcasts

Read article
Simple Cookie Consent Package for Laravel image

Simple Cookie Consent Package for Laravel

Read article
React Theme Provider: A Walkthrough image

React Theme Provider: A Walkthrough

Read article
Access Management in Filament With the Shield Plugin image

Access Management in Filament With the Shield Plugin

Read article
Flux 2.0 Livewire UI Kit image

Flux 2.0 Livewire UI Kit

Read article
Get Free Access to all 70+ Vue School Courses - 1-2 March image

Get Free Access to all 70+ Vue School Courses - 1-2 March

Read article
Kirschbaum logo

Kirschbaum

Providing innovation and stability to ensure your web application succeeds.

Kirschbaum
Shift logo

Shift

Running an old Laravel version? Instant, automated Laravel upgrades and code modernization to keep your applications fresh.

Shift
Curotec logo

Curotec

World class Laravel experts with GenAI dev skills. LATAM-based, embedded engineers that ship fast, communicate clearly, and elevate your product. No bloat, no BS.

Curotec
Tinkerwell logo

Tinkerwell

The must-have code runner for Laravel developers. Tinker with AI, autocompletion and instant feedback on local and production environments.

Tinkerwell
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS Starter Kit

SaaSykit is a Multi-tenant Laravel SaaS Starter Kit that comes with all features required to run a modern SaaS. Payments, Beautiful Checkout, Admin Panel, User dashboard, Auth, Ready Components, Stats, Blog, Docs and more.

SaaSykit: Laravel SaaS Starter Kit
Cut PHP Code Review Time & Bugs into Half with CodeRabbit logo

Cut PHP Code Review Time & Bugs into Half with CodeRabbit

CodeRabbit is an AI-powered code review tool that specializes in PHP and Laravel, running PHPStan and offering automated PR analysis, security checks, and custom review features while remaining free for open-source projects.

Cut PHP Code Review Time & Bugs into Half with CodeRabbit