Font Stacks with Filtering
A font stacks with filtering built with modern frontend techniques for responsive and reusable UI.
Filter and Sorting
7 snippetsWelcome to the Filter and Sorting resource page — a curated directory for developers. Browse practical UI patterns, specialized libraries, and small interactive demos. Use the table of contents to explore subcategories below.
javascript-filter-sorting
Snippets(7)
- Toggle Categories with Intermediate States
A toggle categories with intermediate states built with modern frontend techniques for responsive and reusable UI.
- Sortable Cards
A sortable cards built with modern frontend techniques for responsive and reusable UI.
Interactive Sidebar Tree NavigationA interactive sidebar tree navigation built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, BabelDifficulty
AdvancedBrowser support
Chrome 80+, Edge 80+, Firefox 75+, Safari 13.1+Features
Keyboard Navigation, Real-time Search Filter, Smooth Grid Animation
Responsive Image Grid with Slider and SearchA responsive image grid with slider and search built with modern frontend techniques for responsive and reusable UI.
Animated Fluid Grid Product FilterA animated fluid grid product filter built with modern frontend techniques for responsive and reusable UI.
Technologies
Pug, SCSS, JavaScriptDifficulty
AdvancedBrowser support
Chrome 75+, Edge 79+, Firefox 67+, Safari 13.1+Features
FLIP Animation, Grid Reflow, Height Interpolation, Smart EasingResponsive
Yes
Live User FilterA live user filter built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
live-search, dynamic-filteringResponsive
Yes