Filter presets grid
Each preset preview applies a real CSS filter (saturate / contrast / hue-rotate / sepia / grayscale) to a generated source thumb so the panel scans as five comparative grades. Active preset is outlined, the strength slider drives the bottom row.
Production answer
Filter presets grid is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Filter presets grid states
Generative search brief
Filter presets grid: Each preset preview applies a real CSS filter (saturate / contrast / hue-rotate / sepia / grayscale) to a generated source thumb so the panel scans as five comparative grades. Active preset is outlined, the strength slider drives the bottom row.
Strength78%
Strength62%
Strength100%