Dev tools · alternatives · 2026

24 alternatives to FilterSS

A curated list of CSS image effects

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. FilterSS launched in 2021; newer entries below may have overtaken it.

1. 1
   CSS Filter Effects▲63

   2015 · cssreflex.com · its alternatives →

2. 2IE
   Image Effects with CSS▲203

   2016 · bennettfeely.com · its alternatives →

3. 3CP
   CSS Photo Filter Playground▲35

   2019 · outpan.com · its alternatives →

4. 4
   Instagram.css▲446

   Complete set of Instagram filters in pure CSS

   2018 · picturepan2.github.io · its alternatives →

5. 5
   Colofilter.css▲85

   Colorful filters uses css blend modes inspired by Spotify

   2016 · lukyvj.github.io · its alternatives →

6. 6
   Water.css – A just-add-css collection of styles to make websites nicer▲501

   A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

   2019 · github.com · its alternatives →

7. 7
   Blotter.js▲243

   A JavaScript API for unconventional text effects on the web.

   2018 · blotter.js.org · its alternatives →

8. 8
   Brusher▲158

   Tiny library to add interactive backgrounds to webpages

   2018 · kamran.fyi · its alternatives →

9. 9CC
   CSSFX – Click-to-copy CSS effects▲595

   2019 · cssfx.dev · its alternatives →

10. 10PF
    Performance-focused pure CSS loading animations▲49

    2015 · connoratherton.com · its alternatives →

11. 11
    FilterGrade▲128

    Gorgeous photography filters for Photoshop

    2015 · filtergrade.com · its alternatives →

12. 12
    CSS generator for a high-def glass effect▲420

    There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…

    2025 · glass3d.dev · its alternatives →

13. 13
    CSSeffectsSnippets.▲292

    A collection of CSS effects with a click to copy.

    2019 · emilkowalski.github.io · its alternatives →

14. 14
    CSS Peeper▲350

    Smart CSS viewer tailored for Designers.

    2017 · csspeeper.com · its alternatives →

15. 15
    Loaders▲373

    Delightful loading animations for your next project

    2022 · uiball.com · its alternatives →

16. 16
    CSSViewer▲237

    A simple CSS property viewer

    2016 · chromewebstore.google.com · its alternatives →

17. 17
    CSSCO▲126

    VSCO Filters with CSS

    2016 · luxebooth.com · its alternatives →

18. 18
    Unused CSS finder▲299

    Crawl your website and find unused CSS

    2018 · jitbit.com · its alternatives →

19. 19
    Image Blur▲203

    JS Image blurring background plugin

    2016 · msurguy.github.io · its alternatives →

20. 20
    AnimatiSS▲169

    A nice, colorful collection of CSS animations

    2022 · its alternatives →

21. 21
    ImageHover CSS▲5

    Pure CSS Image Hover Effect Library

    2016 · its alternatives →

22. 22
    CSSGram▲131

    Recreate Instagram filters with CSS filters and blend mode

    2016 · una.im · its alternatives →

23. 23
    Polarr.co, a WebGL photo editor▲167

    Web and mobile photo and video filters and editing tools

    2014 · polarr.co · its alternatives →

24. 24
    Eye Dropper▲111

    An open-source Chrome extension for matching web colors 🎨

    2017 · chromewebstore.google.com · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →