{"id":13513662,"url":"https://github.com/laurenwaller/cssco","last_synced_at":"2026-01-12T00:58:43.554Z","repository":{"id":87261760,"uuid":"51986268","full_name":"laurenwaller/cssco","owner":"laurenwaller","description":"Photographic filters made with CSS, inspired by VSCO and CSSgram","archived":false,"fork":false,"pushed_at":"2017-02-22T11:58:16.000Z","size":4773,"stargazers_count":766,"open_issues_count":3,"forks_count":33,"subscribers_count":30,"default_branch":"master","last_synced_at":"2024-11-01T17:36:53.692Z","etag":null,"topics":["blend-modes","css","filter","photographic-filters","vsco"],"latest_commit_sha":null,"homepage":"http://www.cssco.co","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/laurenwaller.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-02-18T06:48:20.000Z","updated_at":"2024-08-14T07:12:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"1101db34-4192-4fbd-9e22-75a105cf7658","html_url":"https://github.com/laurenwaller/cssco","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laurenwaller%2Fcssco","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laurenwaller%2Fcssco/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laurenwaller%2Fcssco/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laurenwaller%2Fcssco/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/laurenwaller","download_url":"https://codeload.github.com/laurenwaller/cssco/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246407333,"owners_count":20772111,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blend-modes","css","filter","photographic-filters","vsco"],"created_at":"2024-08-01T05:00:34.359Z","updated_at":"2025-03-31T02:32:42.498Z","avatar_url":"https://github.com/laurenwaller.png","language":"CSS","funding_links":[],"categories":["CSS","Frameworks / Resources"],"sub_categories":["C"],"readme":"# CSSCO\n\n[![Built with Grunt](https://cdn.gruntjs.com/builtwith.svg)](http://gruntjs.com/)\n\nPhotographic filters made with CSS, inspired by VSCO and CSSgram [http://www.cssco.co](http://www.cssco.co)\n\n**[Download](https://raw.githubusercontent.com/we-are-next/cssco/master/cssco.css)**\n\n___\n\n### How to use CSSCO\n**Add the downloaded CSS file path to the `\u003chead\u003e` of your document:**\n\n``` html\n\u003clink rel=\"stylesheet\" href=\"path/to/cssco.css\"\u003e\n```\n\n\n**Add the filter to your image element using the relevant CSSCO classes:**\n\n``` html\n\u003cdiv class=\"cssco cssco--c1\"\u003e\n   \u003cimg src=\"image.png\"\u003e\n\u003c/div\u003e\n```\n\n___\n\n### Compatibility\n\nUnfortunately, IE \u0026 Edge browsers, as well as Opera Mini do not support filters and blend modes.\n\nSafari (desktop \u0026 iOS) does not support the hue, saturation, color, and luminosity blend modes, but this should not affect the CSSCO filters much, if at all.\n\nSee compatibility for: [mixblendmode](http://caniuse.com/#feat=css-mixblendmode) | [filters](http://caniuse.com/#feat=css-filters)\n\n___\n\n*These filters are inspired by VSCO and are not exact replicas of their filters, but are as close as I could get. If you think you can get closer, please feel free to contribute :)\n\n___\n\n### Contributing\n\n#### Requirements\n\nEnsure that the following is installed on your computer:\n\n1. [Git](http://git-scm.com/downloads)\n2. [Node.js](https://nodejs.org/en/download)\n\n#### Getting started\n\n1. Clone the repository: `git clone git@github.com:we-are-next/cssco.git`\n2. Change to the directory you cloned the repository into: e.g. `cd cssco`\n\n#### Lint/Minify\n\n1. Install the required dependencies: `npm install`\n2. Lint: `grunt lint`\n3. Minify: `grunt min`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaurenwaller%2Fcssco","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flaurenwaller%2Fcssco","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaurenwaller%2Fcssco/lists"}