BladewindUI: Getting Started

submited by

Style Pass

2022-05-16 11:30:17

BladewindUI is a collection of super simple but elegant Laravel blade-based UI components using TailwindCSS and vanilla Javascript. When I decided to move away from JQuery, that indirectly meant I had to find an alternative to the lovely Semantic UI components I had gotten so used to. Well, that was how these components were born.

Bladewind components are purely Laravel blade components with some tailwindcss sweetness. This means you absolutely need to be using Bladewind in a Laravel project.

Now include the BladewindUI css file and initialize a few javascript variables in the <head> of your pages. This should ideally be done in the layouts file your app's pages extend from.

// this is required for animation of notifications and slide out panels // you can ignore this if you already have animate.css in your project <link href="{{ asset('bladewind/css/animate.min.css') }}" rel="stylesheet" />