{"id":25536372,"url":"https://github.com/yashksaini-coder/codepen","last_synced_at":"2025-06-18T23:36:39.853Z","repository":{"id":245887984,"uuid":"819465590","full_name":"yashksaini-coder/CodePen","owner":"yashksaini-coder","description":" 💻This repository contains a collection of fun little web development codes 🌐✨.","archived":false,"fork":false,"pushed_at":"2024-09-24T03:02:53.000Z","size":7810,"stargazers_count":22,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-04-11T14:59:48.164Z","etag":null,"topics":["bootstrap","css","html","html-css-javascript","javascript","learn","web","web-design"],"latest_commit_sha":null,"homepage":"https://codepen.io/yashksaini","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yashksaini-coder.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":"2024-06-24T14:58:56.000Z","updated_at":"2024-12-28T11:35:21.000Z","dependencies_parsed_at":"2025-02-20T04:33:01.363Z","dependency_job_id":"12381bfc-2c50-4437-bfa7-e20df13ef1f8","html_url":"https://github.com/yashksaini-coder/CodePen","commit_stats":null,"previous_names":["yashksaini-coder/codepen"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yashksaini-coder/CodePen","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2FCodePen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2FCodePen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2FCodePen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2FCodePen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yashksaini-coder","download_url":"https://codeload.github.com/yashksaini-coder/CodePen/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yashksaini-coder%2FCodePen/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260653880,"owners_count":23042645,"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":["bootstrap","css","html","html-css-javascript","javascript","learn","web","web-design"],"created_at":"2025-02-20T04:32:51.850Z","updated_at":"2025-06-18T23:36:34.841Z","avatar_url":"https://github.com/yashksaini-coder.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align='center'\u003e\n   \u003cimg src=\"https://socialify.git.ci/yashksaini-coder/CodePen/image?font=Rokkitt\u0026forks=1\u0026issues=1\u0026language=1\u0026name=1\u0026owner=1\u0026pattern=Brick%20Wall\u0026pulls=1\u0026stargazers=1\u0026theme=Dark\" alt=\"yashksaini-coder/CodePen\" width=\"640\" height=\"320\"/\u003e\n\n  [![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white)](mailto:ys3853428@gmail.com)\n  [![Github](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/yashksaini-coder)\n  [![Medium](https://img.shields.io/badge/Medium-12100E?style=for-the-badge\u0026logo=medium\u0026logoColor=white)](https://medium.com/@yashksaini)\n  [![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/yashksaini/)\n  [![Bento](https://img.shields.io/badge/Bento-768CFF.svg?style=for-the-badge\u0026logo=Bento\u0026logoColor=white)](https://bento.me/yashksaini)\n  [![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?style=for-the-badge\u0026logo=Instagram\u0026logoColor=white)](https://www.instagram.com/yashksaini.codes/)\n  [![X](https://img.shields.io/badge/X-%23000000.svg?style=for-the-badge\u0026logo=X\u0026logoColor=white)](https://twitter.com/EasycodesDev)\n\u003c/div\u003e\n\n\u003cimg width=\"5000rem\" src=\"./assets/rainbow-superthin.webp\"\u003e\n\u0026nbsp;\n\n\u003cdiv align=\"center\"\u003e\n\n| No.| Project Name| Link    |\n| ---|:------------:|-------:|\n| 1  | CSS Combiners|[🔗](https://codepen.io/yashksaini/pen/dyEKPQN)|\n| 2  | CSS Positioning|[🔗](https://codepen.io/yashksaini/pen/oNRyXJd6)|\n| 3  | CSS India Flag|[🔗](https://codepen.io/yashksaini/pen/MWdXeYp)|\n| 3  | CSS Display|[🔗](https://codepen.io/yashksaini/pen/LYorZGJ)|\n| 4  | CSS Float|[🔗](https://codepen.io/yashksaini/pen/gOJKMRO#)|\n| 5  | CSS Media Query|[🔗](https://codepen.io/yashksaini/pen/QWRPzeo)|\n| 6  | Web Design Agency project|[🔗](https://codepen.io/yashksaini/pen/xxNeMLr)|\n| 7  | Flexbox Display|[🔗](https://codepen.io/yashksaini/pen/mdYgvav)|\n| 8  | Flexbox Direction|[🔗](https://codepen.io/yashksaini/pen/MWdRLdp)|\n| 9  | Flexbox Pricing Table Project|[🔗](https://codepen.io/yashksaini/pen/YzboKOa)|\n| 10 | Grid Display CHessboard|[🔗](https://codepen.io/yashksaini/pen/MWdNwMw)|\n| 11 | Mondrian Painting Project|[🔗](https://codepen.io/yashksaini/pen/XWLWYEO)|\n| 12 | Bootstrap 101|[🔗](https://codepen.io/yashksaini/pen/QWXWxXx)|\n| 13 | Infinite Scroll Animation|[🔗](https://codepen.io/yashksaini/pen/mdZeJWg)\n| 14 | Bootstrap Components [Buttons]|[🔗](https://codepen.io/yashksaini/pen/vYqNXVj)|\n| 15 | CSS Rainbow Tiles|[🔗](https://codepen.io/yashksaini/pen/eYwrOOV)|\n| 16 | Magic Hover Effect V1|[🔗](https://codepen.io/yashksaini/pen/xxojQJV)|\n| 17 | Matrix Text Effect|[🔗](https://codepen.io/yashksaini/pen/rNEvQZN)|\n| 18 | Matrix Background Effect|[🔗](https://codepen.io/yashksaini/pen/abgjKqY)|\n\u003c/div\u003e\n\n\u003cimg width=\"5000rem\" src=\"./assets/rainbow-superthin.webp\"\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyashksaini-coder%2Fcodepen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyashksaini-coder%2Fcodepen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyashksaini-coder%2Fcodepen/lists"}