Tailwind Filter Gallery

It helps to develope photo gallery, product gallery etc.

Used Tools:

Tailwind 4.1 CDN, Alpine JS v3, Alpine-Tailwind-Lightbox v1.

Documentation:

filter_gallery.html

1. If you create or update any category then you have to open 'filter_gallery.html' file then modify 'data-filter' value. If your category name is 'Web Design' then the 'data-filter' value will be 'web-design'.
   
2. If you add any portfolio item then you have to open 'filter_gallery.html' file then add a class as like category name. If your portfolio item for 'web-design' then the class will be 'web-design'.

filter_gallery_dynamic.html

Just open 'data.js' file and type data and save this file.

Development Info:

Md. Rezwan Saki Alin. website: https://alinsworld.com/ Date: 20-April-2025