Offcanvas V04
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A filter drawer for a plant shop's category page. It has checkbox groups for light and care level, size chips, minimum and maximum price inputs and a pet-safe switch, and the apply button previews how many products match before you commit. Applying filters the product grid, updates the results count and adds removable filter chips to the page.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 483 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Live match count on the apply button
- Results count in a status region and removable active-filter chips
- Custom checkboxes, chips and switch built on real inputs
- Reopening restores the applied filters, not abandoned edits
- Native dialog modal with Esc, backdrop click, focus return and scroll lock
Similar Templates
