🤩 FlyonUI Pro Update - New Dashboard & Application UI Blocks, Templates, Landing Page, FlyonUI MCP 🪄, and more!

Explore
Sort by
Blocks Header BG

Tailwind CSS Category Filter

Enable easy product filtering with Tailwind CSS Category Filter blocks. Perfect for sorting products by categories, size, or price in a clean layout.

FlyonUI Blocks

Category Filter 1

Third Party
This block uses a third party component. Please refer to respective docs for more information.

Use this Tailwind CSS category filter block to let users sort eCommerce products by 1-5 star ratings, price range, brands like Apple or Samsung, and battery capacity, with an expandable brand list for precise shopping.
This block integrates a third-party library. For setup and usage details, please see the Advance Range Slider.

Preview in Figma
Open in New Tab

Category Filter 2

Third Party
This block uses a third party component. Please refer to respective docs for more information.

This block integrates a third-party library. For setup and usage details, please see the Advance Range Slider.

Preview in Figma
Open in New Tab

Category Filter 3

Use this Tailwind CSS filter modal to let users refine eCommerce searches by job status, mode, frequency, and schedule via dropdowns, with options to save or schedule filter settings.

Preview in Figma
Open in New Tab