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.sqlitefile for the local database - Copy the
.env.examplefile 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_KEYandMAPBOX_PUBLIC_TOKENvalue in your.envfile - 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.