{"id":13399785,"url":"https://github.com/simeydotme/pokemon-cards-css","last_synced_at":"2025-05-13T17:14:37.315Z","repository":{"id":47763882,"uuid":"505538251","full_name":"simeydotme/pokemon-cards-css","owner":"simeydotme","description":"A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.","archived":false,"fork":false,"pushed_at":"2025-04-25T09:39:55.000Z","size":121880,"stargazers_count":5985,"open_issues_count":8,"forks_count":554,"subscribers_count":34,"default_branch":"main","last_synced_at":"2025-04-25T14:50:34.277Z","etag":null,"topics":["blend-modes","css","filter","gradient","holo","holographic","pokemon","svelte","sveltejs","transform"],"latest_commit_sha":null,"homepage":"https://poke-holo.simey.me/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/simeydotme.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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-06-20T17:34:46.000Z","updated_at":"2025-04-25T11:33:57.000Z","dependencies_parsed_at":"2025-01-16T16:03:12.732Z","dependency_job_id":"e26b9d74-7da7-4dc6-a75a-ada2e7d4932a","html_url":"https://github.com/simeydotme/pokemon-cards-css","commit_stats":{"total_commits":119,"total_committers":6,"mean_commits":"19.833333333333332","dds":"0.050420168067226934","last_synced_commit":"1c8782130a6d281f6d97150174cd2838aaa1ff05"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simeydotme%2Fpokemon-cards-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simeydotme%2Fpokemon-cards-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simeydotme%2Fpokemon-cards-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simeydotme%2Fpokemon-cards-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simeydotme","download_url":"https://codeload.github.com/simeydotme/pokemon-cards-css/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253990500,"owners_count":21995776,"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","gradient","holo","holographic","pokemon","svelte","sveltejs","transform"],"created_at":"2024-07-30T19:00:42.855Z","updated_at":"2025-05-13T17:14:32.302Z","avatar_url":"https://github.com/simeydotme.png","language":"CSS","funding_links":["https://www.paypal.com/paypalme/simey/1","https://www.paypal.com/paypalme/simey/5","https://www.paypal.com/paypalme/simey/10"],"categories":["CSS","Svelte"],"sub_categories":[],"readme":"# Pokémon Cards Holographic effect in CSS\n\nThis is a repository holder for the Pokemon Cards CSS Holographic effect.  \n\n| \u003cimg src=\"https://github.com/user-attachments/assets/ca493541-57bb-48c3-b40c-925f7203a933\" width=80\u003e | As seen on [css-tricks.com](https://css-tricks.com/holographic-trading-card-effect/) and [codepen](https://codepen.io/simeydotme/pen/abYWJdX) \n| --: | :-- |\n| [\u003cimg src=\"https://github.com/user-attachments/assets/fd862cc7-2f30-4a35-9dbc-778edcc369f3\" width=80\u003e](https://poke-holo.simey.me/) | Demo running @ https://poke-holo.simey.me/   |\n| [\u003cimg src=\"https://github.com/user-attachments/assets/f1c9d376-0948-4b96-826e-f016e6584736\" width=80\u003e\u003cimg src=\"https://github.com/user-attachments/assets/8137f0c8-6bc2-4f22-90c9-03cb8332b6f1\" width=25\u003e](https://poke-151.simey.me/) | 151 version @ https://poke-151.simey.me/ ⭐ |\n\n### A collection of advanced CSS styles, applied with SvelteJS.\nUses CSS Transforms, Gradients, Blend-modes and Filters to simulate the various Holofoil effects found\nin the Sword and Shield era of Pokemon Trading Cards.\n\n\u003cimg src=\"public/pokemon-cards-demo.gif\" /\u003e\n\n\n\n---\n\n### ⚠️ NOTE\nPlease [read `#issues/19` before asking / requesting any help](https://github.com/simeydotme/pokemon-cards-css/issues/19) or advice on the Project.  \nThank you.\n\n---\n\n#### support / tip  \nIf you think this is super cool, or useful, and want to donate a little, then you are also super cool!\n\n|  |  |         |\n|--|--:|---------|\n| \u003cimg src=\"https://user-images.githubusercontent.com/2817396/149629283-6002944f-9253-4e35-917d-89b476deae4e.png\" width=20\u003e | [![£1 One Pound tip](https://user-images.githubusercontent.com/2817396/149629980-08b9a952-bd6a-4c23-be78-05e3fd534352.png)](https://www.paypal.com/paypalme/simey/1) | [£1 tip](https://www.paypal.com/paypalme/simey/1) |\n| \u003cimg src=\"https://user-images.githubusercontent.com/2817396/149629283-6002944f-9253-4e35-917d-89b476deae4e.png\" width=20\u003e | [![£5 Five Pounds tip](https://user-images.githubusercontent.com/2817396/149629994-3a99770c-d333-46e7-9818-ab6b18ad0202.png)](https://www.paypal.com/paypalme/simey/5) | [£5 tip](https://www.paypal.com/paypalme/simey/5) |\n| \u003cimg src=\"https://user-images.githubusercontent.com/2817396/149629283-6002944f-9253-4e35-917d-89b476deae4e.png\" width=20\u003e | [![£10 Ten Pounds tip](https://user-images.githubusercontent.com/2817396/149630000-95aa4234-ff67-4e7c-a7f4-ffd52f25e6d8.png)](https://www.paypal.com/paypalme/simey/10) | [£10 tip](https://www.paypal.com/paypalme/simey/10) |\n\n\n\n\n\n---\n#### attribution\n\n\u003csub\u003e- Galaxy Holo from [aschefield101](https://www.deviantart.com/aschefield101/art/HoloSheet-2012-313543843)\u003c/sub\u003e  \n\u003csub\u003e- Some backgrounds from [Vecteezy](https://www.vecteezy.com/free-photos)\u003c/sub\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimeydotme%2Fpokemon-cards-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimeydotme%2Fpokemon-cards-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimeydotme%2Fpokemon-cards-css/lists"}