Life & fun · alternatives · 2026

24 alternatives to cssFilters

Generate CSS for custom and Instagram like photo filters

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

1. 1
   CSSGram▲131

   Recreate Instagram filters with CSS filters and blend mode

   2016 · una.im · its alternatives →

2. 2
   Instagram.css▲446

   Complete set of Instagram filters in pure CSS

   2018 · picturepan2.github.io · its alternatives →

3. 3
   CSSCO▲126

   VSCO Filters with CSS

   2016 · luxebooth.com · its alternatives →

4. 4
   Web Photo Filter▲96

   A web component to apply Instagram-like filters to photos

   2019 · webphotofilter.com · its alternatives →

5. 5CP
   CSS Photo Filter Playground▲35

   2019 · outpan.com · its alternatives →

6. 6
   EnjoyCSS▲138

   CSS generator for rich graphical styles without coding

   2014 · enjoycss.com · its alternatives →

7. 7
   Colofilter.css▲85

   Colorful filters uses css blend modes inspired by Spotify

   2016 · lukyvj.github.io · its alternatives →

8. 8
   JavaScript Instagram-like Filters▲127

   Instagram-like image filters in pure JavaScript. Contribute to alexmic/filtrr development by creating an account on GitHub.

   2012 · github.com · its alternatives →

9. 9
   Unique gradient generator▲202

   Generate beautiful blurry background images

   2016 · gradient.quasi.ink · its alternatives →

10. 10
    FilterSS▲137

    A curated list of CSS image effects

    2021 · xscoder.com · its alternatives →

11. 11
    FilterBaker▲86

    Create custom photo filters to share

    2015 · its alternatives →

12. 12
    FilterGrade▲128

    Gorgeous photography filters for Photoshop

    2015 · filtergrade.com · its alternatives →

13. 13
    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 →

14. 14
    MIX▲88

    Design Your Own Photo Filter for Instagram

    2014 · roxkazino.top · its alternatives →

15. 15
    CSS Gradient Generator▲237

    Generate and make beautiful colors

    2024 · cssgradientgenerator.com · its alternatives →

16. 16
    Shift▲92

    Photo filters designed by you

    2014 · pixiteapps.com · its alternatives →

17. 17
    CSS Color Gradient Generator▲208

    A novel and easy way to design beautiful color gradients.

    2020 · mybrandnewlogo.com · its alternatives →

18. 18
    Stylish▲109

    Restyle the web with custom CSS

    2015 · chromewebstore.google.com · its alternatives →

19. 19
    A Single Div▲177

    A CSS drawing project

    2016 · a.singlediv.com · its alternatives →

20. 20
    CSS Filter Effects▲63

    2015 · cssreflex.com · its alternatives →

21. 21BB
    Browser-based web design platform with code import and CSS filters▲91

    I built a web-based app for building websites. The main unique features are: 1. The ability to copy and paste any HTML and CSS into the editor with no limits. I was never able to find another app that could do this without some form of limitation. 2. CSS filtering, which means you can click on an element to view and edit the CSS selectors and rules that apply to that element alone. In many cases I've found CSS naming conventions like BEM to become irritating at certain scales, so this is an alternative solution. This part of the app needs some more development work but the concept is there.…

    2024 · demo.gocodestudio.com · its alternatives →

22. 22
    UI Gradients▲101

    Lets you make beautiful color gradients in CSS

    2014 · uigradients.com · its alternatives →

23. 23
    CSS Generators Custom Borders▲75

    A CSS only generator for zig-zag, rounded and wavy borders

    2022 · css-generators.com · its alternatives →

24. 24
    colorSS▲98

    Generate random CSS color palettes and get inspired

    2022 · xsgames.co · 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 →