{"id":23065839,"url":"https://github.com/ullaskunder3/displacement-slider","last_synced_at":"2025-10-23T07:39:00.564Z","repository":{"id":153852748,"uuid":"344890180","full_name":"ullaskunder3/displacement-slider","owner":"ullaskunder3","description":"Web design using Pixi \u0026 Gsap and some other library with displacement map to create distortion effect on image and text.","archived":false,"fork":false,"pushed_at":"2021-03-06T06:35:55.000Z","size":29339,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-08T22:25:36.005Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/ullaskunder3.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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":"2021-03-05T17:50:22.000Z","updated_at":"2022-01-29T07:00:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"8bb6c888-3303-4821-97ce-004e93e87212","html_url":"https://github.com/ullaskunder3/displacement-slider","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ullaskunder3%2Fdisplacement-slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ullaskunder3%2Fdisplacement-slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ullaskunder3%2Fdisplacement-slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ullaskunder3%2Fdisplacement-slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ullaskunder3","download_url":"https://codeload.github.com/ullaskunder3/displacement-slider/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246970337,"owners_count":20862508,"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":[],"created_at":"2024-12-16T05:10:13.248Z","updated_at":"2025-10-23T07:39:00.497Z","avatar_url":"https://github.com/ullaskunder3.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pixi and Gsap based web design\n\n*Awesome displacement effect on image and text using displacement map texture*\n\n![Wave motion effect](./img/webgl.png)\n\n[template for the project](https://github.com/hmongouachon/rgbKineticSlider)\n\n\nUse local Server:\n- live server or npm live-server\n\n\n## Credits \u0026 Dependencies\nImages from [Unsplash](https://unsplash.com/photos/JuesIryw53E)\n\nImages from [Unsplash](https://unsplash.com/photos/gbd6PqRqGms)\n\n\n\u003cspan\u003ePhoto by \u003ca href=\"https://unsplash.com/@ameenfahmy_?utm_source=unsplash\u0026amp;utm_medium=referral\u0026amp;utm_content=creditCopyText\"\u003eAmeen Fahmy\u003c/a\u003e on \u003ca href=\"https://unsplash.com/@ameenfahmy_?utm_source=unsplash\u0026amp;utm_medium=referral\u0026amp;utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/span\u003e\n\n\u003cspan\u003ePhoto by \u003ca href=\"https://unsplash.com/@gavrilovsergphoto?utm_source=unsplash\u0026amp;utm_medium=referral\u0026amp;utm_content=creditCopyText\"\u003eSergei Gavrilov\u003c/a\u003e on \u003ca href=\"https://unsplash.com/s/photos/dark-pose?utm_source=unsplash\u0026amp;utm_medium=referral\u0026amp;utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/span\u003e\n\n[PixiJs](http://www.pixijs.com/) \n\u003e Pixi. js is a rendering library that will allow you to create rich, interactive graphic experiences, cross-platform applications, and games without having to dive into the WebGL API or grapple with the intricacies of browser and device compatibility.\n\n[Pixi Filters](https://github.com/pixijs/pixi-filters) \n\u003e Collection of community-authored custom display filters for PixiJS\n\n[Gsap](https://greensock.com/gsap/) \n\u003e The GreenSock Animation Platform (GSAP) is a popular set of JavaScript tools for building animations on the web \n\n[Google web font loader](https://developers.google.com/fonts/docs/webfont_loader)\n\n[ImageLoaded](https://imagesloaded.desandro.com/)\n\u003e ImageLoader. js is an ea cross-platform jQuery image loader plugin which helps load, preload and resize images on your webpage \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fullaskunder3%2Fdisplacement-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fullaskunder3%2Fdisplacement-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fullaskunder3%2Fdisplacement-slider/lists"}