README

A Laravel and Livewire starter kit featuring ArtisanPack UI components for rapidly building modern, responsive web applications.

Features

Modern Stack: Built with Laravel 12, Livewire 3, Volt, Flux, and Tailwind CSS 4
ArtisanPack UI Components: Pre-built UI components for rapid development
Authentication System: Complete authentication with login, registration, password reset, and email verification
User Settings: Profile, password, and appearance management
Responsive Design: Mobile-first approach with responsive layouts
Dark Mode Support: Built-in light/dark mode with system preference detection
Accessibility: Integrated with ArtisanPack UI accessibility features
Security: Built-in security features and best practices

Requirements

PHP 8.2 or higher
Composer
Node.js and NPM

Installation

Create a new project using Composer:

composer create-project artisanpack-ui/livewire-starter-kit your-project-name

Navigate to your project directory:

cd your-project-name

Install NPM dependencies:

npm install

Copy the environment file:

cp .env.example .env

Generate application key:

php artisan key:generate

Configure your database in the .env file.
Run migrations:

php artisan migrate

Start the development server:

composer dev

This will start the Laravel server, queue worker, logs, and Vite development server concurrently.

Usage

Development

For local development, use the following command:

composer dev

Building for Production

To build assets for production:

npm run build

Running Tests

composer test

Project Structure

The starter kit follows Laravel's standard directory structure with some additions:

app/: Contains the core code of the application
resources/views/components/: Contains ArtisanPack UI components
resources/views/livewire/: Contains Livewire components
resources/css/: Contains CSS files including ArtisanPack UI theme
routes/: Contains route definitions

ArtisanPack UI Components

The starter kit includes various ArtisanPack UI components:

Navigation components
Form elements
Buttons and links
Layout components
Toast notifications
Icons
And more

Configuration

Theme Customization

You can customize the theme by modifying the resources/css/artisanpack-ui-theme.css file.

Application Configuration

Standard Laravel configuration files are located in the config/ directory.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open-sourced software licensed under the MIT license.

Changelog

See CHANGELOG.md for more information on what has changed recently.

artisanpack-ui / livewire-starter-kit

Maintainers

Details