Tailwind CSS-styled authentication blade views for FortifyUI
Fortify-tailwind provides authentication UI views and scaffolding for FortifyUI, styled with Tailwind CSS.
- To get started, install Fortify-tailwind using Composer.
$ composer require ycore/fortify-tailwind
This command initializes FortifyUI and publishes the Fortify-tailwind authentication views and scaffolding.
- Publishes authentication blade views to
resources/views/
- Contains
require tailswindcss
inwebpack.mix.js
- Includes tailwindcss @imports in
resources/app.css
- Appends a
home
route toroutes/web.php
- Enables the
login
andregister
Laravel Fortify features
This package and FortifyUI both utilize package auto-discovery. There is no need to add the service providers manually.
- Next, publish the Fortify-tailwind authentication views and scaffolding:
$ php artisan fortify-ui:tailwind
- Then, install & initialize tailwindcss and build the assets
npm install tailwindcss autoprefixer --save-dev
npx tailwindcss init
npm install
npm run dev
Fortify-tailwind installs a sensible default configuration based on the Laravel Fortify recommendations. The login
, logout
, registration
and reset-passwords
features and routes are enabled by default. If these defaults are sufficient, there is no need for additional configuration.
Fortify-tailwind is designed to be re-installed. Use the --force
or --views-only
options to overwrite previously-installed views or scaffolding.
Overwrite all previously installed views and scaffolding
$ php artisan fortify-ui:tailwind --force
Overwrite all previously installed views only
$ php artisan fortify-ui:tailwind --views-only
FortifyUI also provides more configuration options via the fortify-ui:publish
command. See the FortifyUI configuration section for details on publishing additional configuration options.
Please see the Changelog for more information on what has changed recently.
Should you discover any security-related issues, please email y-core@outlook.com instead of using the issue tracker.
MIT. Please see the License file for more information.