Ecommerce Product Filter using Livewire and TailwindCSS
Tech Stack: tailwindcss, alpine-js, livewire
Demo
Filters
Filters
Filters , active
![Sony ZX-110](https://livewiredemos-images-public.s3.us-east-2.amazonaws.com/198/gr23cyTGLeD25MB0uIVEYruXdVvVcu-metaYy1kLXgtZEJ3YWRoV2EtbEktdW5zcGxhc2ggKDEpLmpwZw%3D%3D-.jpg)
Sony ZX-110
$14.25
![Apple Airpods Pro](https://livewiredemos-images-public.s3.us-east-2.amazonaws.com/199/mHCG9g7hJ5EcVMEXpXypCnjDtSrR9f-metaam9obi1zbWl0LU1jNUV3bFBDM3pBLXVuc3BsYXNoLmpwZw%3D%3D-.jpg)
Apple Airpods Pro
$249
![Noot Kids K11](https://livewiredemos-images-public.s3.us-east-2.amazonaws.com/200/vQBCz7rTXUKxPyvh6kQHej27gb36JA-metaemVicm9uaWNzLXN0b3JtLXdpcmVkLW9uLWVhci1oZWFkcGhvbmVzLXdpdGgtbWljLWJsdWUtZGlnaXRhbC1vNDkyNTczMDkwLXA1OTEwMDgxMjEtMC0yMDIyMDExODE1MTMuanBlZw%3D%3D-.jpg)
Noot Kids K11
$14.99
![Apple Airpods](https://livewiredemos-images-public.s3.us-east-2.amazonaws.com/201/rPqqOq6ha46nVNO4cWGchBghRrL8td-metaa2hvYS1uZ3V5ZW4tWjhzRUxiWVFDdmMtdW5zcGxhc2guanBn-.jpg)
Apple Airpods
$79.99
![Tozo T6 Earbuds](https://livewiredemos-images-public.s3.us-east-2.amazonaws.com/202/sSHnuk4ECvYpBEPFeCItvV1pQFG5Y8-metaNzFnN0MxcTA4N0wuX1NZMzU1Xy5qcGc%3D-.jpg)
Tozo T6 Earbuds
$35.87
![Tozo T10 Earbuds](https://livewiredemos-images-public.s3.us-east-2.amazonaws.com/203/vC7ShjKDR6IthkkleMruJ1DhzFzh5D-metaa2hvYS1uZ3V5ZW4tSmRwR3Z1eTFuUlEtdW5zcGxhc2guanBn-.jpg)
Tozo T10 Earbuds
$27.87
![Cowin E7](https://livewiredemos-images-public.s3.us-east-2.amazonaws.com/204/Cx9NdPuLHVQvY4j86wV37AXZl2W5rJ-metacWFzaW0tbWFsaWNrLUxJVkY0V0UxTFpRLXVuc3BsYXNoLmpwZw%3D%3D-.jpg)
Cowin E7
$59.99
![Cowin E7](https://livewiredemos-images-public.s3.us-east-2.amazonaws.com/205/8ehxLq6mUUEoWq9Jw8F4Ol0m0vN5yL-metaZXJ2by1yb2Nrcy1aYW04VHZFZ041by11bnNwbGFzaC5qcGc%3D-.jpg)
Cowin E7
$59.99
![Cowin E7](https://livewiredemos-images-public.s3.us-east-2.amazonaws.com/206/WgUyYcc8SApOrQI4BsieZQxZWe9Osb-metaYWxleHVuZGVyLWhlc3MtYldaQVBLbTB6WkUtdW5zcGxhc2guanBn-.jpg)
Cowin E7
$59.99
Code
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro
Usage
@livewire('tailwind-product-filter')