Overview
The Blade UI Kit Demo Project is a Laravel project that showcases the usage of components from Blade UI Kit. It is built using components from Tailwind UI by Adam Wathan & Steve Schoger. The demo project provides a demonstration of how to use the various components and features offered by Blade UI Kit.
Features
- Component Showcase: The demo project includes a showcase of various components from Blade UI Kit, allowing users to see how they can be used in practice.
- Integration with Laravel: The project is built using Laravel, making it easy for developers familiar with Laravel to understand and use Blade UI Kit.
- Responsive Design: The components in Blade UI Kit are designed to be responsive, ensuring a seamless experience across different devices and screen sizes.
Installation
To install the Blade UI Kit Demo Project, follow these steps:
- Clone this repository locally with
git clone git@github.com:blade-ui-kit/demo.git blade-ui-kit-demo
- Create a
database/database.sqlite
file for the local database - Copy the
.env.example
file to.env
- Install the PHP dependencies with
composer install
- Generate a new app key with
php artisan key:generate
- Prepare the database by running
php artisan migrate --seed
- Install and compile the front-end dependencies with
npm install && npm run dev
- Set a valid
UNSPLASH_ACCESS_KEY
andMAPBOX_PUBLIC_TOKEN
value in your.env
file - Serve the website locally by running
php artisan serve
- Visit the app in your browser by visiting
http://127.0.0.1:8000
Summary
The Blade UI Kit Demo Project is a Laravel demo project that showcases the features and components of Blade UI Kit. It is built using components from Tailwind UI and provides a comprehensive showcase of the various components available. The installation process is straightforward and will allow developers to quickly set up and explore Blade UI Kit in their own projects.