{"id":21855505,"url":"https://github.com/wix-incubator/kampos","last_synced_at":"2025-03-31T11:07:55.680Z","repository":{"id":42041208,"uuid":"192683337","full_name":"wix-incubator/kampos","owner":"wix-incubator","description":"Tiny and fast effects compositor on WebGL","archived":false,"fork":false,"pushed_at":"2025-03-13T13:02:38.000Z","size":9997,"stargazers_count":143,"open_issues_count":5,"forks_count":11,"subscribers_count":55,"default_branch":"master","last_synced_at":"2025-03-24T22:34:35.976Z","etag":null,"topics":["filter-effects","javascript","transitions","video","webgl"],"latest_commit_sha":null,"homepage":"https://wix-incubator.github.io/kampos","language":"JavaScript","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/wix-incubator.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-19T07:39:49.000Z","updated_at":"2025-03-13T13:02:42.000Z","dependencies_parsed_at":"2022-09-16T17:10:20.021Z","dependency_job_id":"ce6ff0f8-7bb2-4f20-a7f1-3b580a60d341","html_url":"https://github.com/wix-incubator/kampos","commit_stats":{"total_commits":112,"total_committers":8,"mean_commits":14.0,"dds":0.0625,"last_synced_commit":"7fa534aeb3af2133fc2b80aeaa596a5afd1642b0"},"previous_names":["wix/kampos"],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wix-incubator%2Fkampos","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wix-incubator%2Fkampos/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wix-incubator%2Fkampos/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wix-incubator%2Fkampos/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wix-incubator","download_url":"https://codeload.github.com/wix-incubator/kampos/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246457999,"owners_count":20780677,"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-effects","javascript","transitions","video","webgl"],"created_at":"2024-11-28T02:16:03.598Z","updated_at":"2025-03-31T11:07:55.649Z","avatar_url":"https://github.com/wix-incubator.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"100\" src=\"./kampos.svg?sanitize=true\" alt=\"Kampos logo\"\u003e\n\u003c/p\u003e\n\n# kampos\n\n### Tiny and fast effects compositor on WebGL\n\nkampos lets you add filter effects and beautiful transitions to video and images (or any other media).\nJust like [SVG filter effects](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Filter_effects),\nonly using WebGL, which means it works everywhere!\n\n## Intro\n\nRead the [blog post](https://www.wix.engineering/post/introducing-kampos-a-tiny-and-fast-effects-compositor) introducing kampos on Wix Engineering Blog.\n\n## Posts\n\nCSS-Tricks: [Nailing That Cool Dissolve Transition](https://css-tricks.com/nailing-that-cool-dissolve-transition/)\n\n## Demo\n\nCheck out the [live demo](https://wix-incubator.github.io/kampos/demo/).\n\n## Documentation\n\nFor API reference and examples, read [the docs](https://wix-incubator.github.io/kampos/docs/).\n\n## Features\n\n-   Filter effects for images and videos that you can mix and compose.\n-   As tiny as **~4KB** (minified and gzipped).\n-   Core engine for creating and running effects.\n-   Plugins for effects and transitions - available for import.\n-   Custom plugins? Extremely easy by using the effects/transitions descriptors DSL.\n\n## Usage\n\nHere's a simple example for using kampos:\n\n```javascript\nimport { Kampos, effects } from 'kampos';\n\nconst target = document.querySelector('canvas');\nconst media = document.querySelector('video');\n\nconst hueSaturation = effects.hueSaturation();\nhueSaturation.hue = 90;\n\nconst kampos = new Kampos({ target, effects: [hueSaturation] });\n\nkampos.setSource(media);\nkampos.play();\n```\n\n## Getting started\n\nGrab the source from here, or install via package manager.\n\n### npm example:\n\n```bash\nnpm install kampos\n```\n\nImport the default build:\n\n```javascript\nimport { Kampos, Ticker, effects, transitions } from 'kampos';\n```\n\nOr take just what you need:\n\n```javascript\nimport Kampos from './node_modules/kampos/src/kampos';\nimport duotone from './node_modules/kampos/src/effects/duotone';\nimport displacement from './node_modules/kampos/src/effects/displacement';\n```\n\n## Building locally\n\n```bash\nnpm install\nnpm run build\n```\n\n## Running tests\n\n```bash\nnpm run test\n```\n\n## Contributing\n\nContributions are welcome! (:\n\n## License\n\nkampos is distributed under the MIT license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwix-incubator%2Fkampos","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwix-incubator%2Fkampos","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwix-incubator%2Fkampos/lists"}