{"id":21017877,"url":"https://github.com/bouvens/rgb-filter","last_synced_at":"2026-04-29T07:33:51.003Z","repository":{"id":111457174,"uuid":"109713016","full_name":"bouvens/rgb-filter","owner":"bouvens","description":"Image processing and GIF generator in a browser for old fashion stylizing","archived":false,"fork":false,"pushed_at":"2024-03-08T17:17:19.000Z","size":4418,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-19T12:47:16.719Z","etag":null,"topics":["filter","gif","image-filtering","image-processing","javascript","pixelate","react"],"latest_commit_sha":null,"homepage":"https://bouvens.github.io/rgb-filter/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bouvens.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-06T15:26:43.000Z","updated_at":"2024-12-24T09:34:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"5cdbc251-d5f1-4e9b-9946-a450219b94ec","html_url":"https://github.com/bouvens/rgb-filter","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/bouvens%2Frgb-filter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bouvens%2Frgb-filter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bouvens%2Frgb-filter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bouvens%2Frgb-filter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bouvens","download_url":"https://codeload.github.com/bouvens/rgb-filter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243447641,"owners_count":20292452,"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":["filter","gif","image-filtering","image-processing","javascript","pixelate","react"],"created_at":"2024-11-19T10:22:30.048Z","updated_at":"2025-12-30T10:32:09.123Z","avatar_url":"https://github.com/bouvens.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# RGB Filter\n\nImage processing and GIF generator in a browser for old fashion stylizing.\n\n### Take a look at the [Demo](https://bouvens.github.io/rgb-filter/)\n\n[npm-badge]: https://img.shields.io/npm/v/state-control.png?style=flat-square\n[npm]: https://www.npmjs.org/package/state-control\n\n## What's This?\n\nThis Javascript application decomposes every pixel into three stripes of bright colors: red, green, and blue. You may zoom the result without smoothing.\n\nIn the next photo, you can find the usual white on an IPS panel on the left side and decomposed by this application white on the right side.\n\n![Zoomed IPS panel](https://raw.githubusercontent.com/bouvens/rgb-filter/master/images/ips.jpg)\n\nAlso, there're an animated noise on the colors, smooth and discrete stripes, and converting to 8-bit color!\n\n| Before  | After |\n| ------------- | ------------- |\n| ![Zoomed IPS panel](https://raw.githubusercontent.com/bouvens/rgb-filter/master/images/before.jpg)  | ![Zoomed IPS panel](https://raw.githubusercontent.com/bouvens/rgb-filter/master/images/after.gif)  |\n\n## How to Run Locally\n\nRun in bash:\n```Shell\ngit clone git@github.com:bouvens/rgb-filter.git\ncd rgb-filter\nnpm install\nnpm run start\n```\n\nAlso, there's a script for local build in the dist directory:\n```Shell\nnpm run build\n```\n\n## References\n\n* Samples from [1](https://unsplash.com/photos/e_HRcYwbXZ0), [2](https://unsplash.com/photos/-YMhyDPQje4), [3](https://unsplash.com/photos/4IVTllqs5QQ), [4](https://unsplash.com/photos/jC9yDaQJolo), [5](https://unsplash.com/photos/yPfkid807HU)\n* Throbber from [there](https://loading.io/spinner/triangles)\n* GIF encoding from the [library](https://github.com/jnordberg/gif.js)\n\nThis experiment is made with [state-control ![npm][npm-badge]][npm]\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbouvens%2Frgb-filter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbouvens%2Frgb-filter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbouvens%2Frgb-filter/lists"}