{"id":21662415,"url":"https://github.com/codzsword/card-slider-html-css-javascript","last_synced_at":"2026-05-19T11:02:45.167Z","repository":{"id":264494025,"uuid":"893527971","full_name":"codzsword/card-slider-html-css-javascript","owner":"codzsword","description":"Fully responsive card slider using HTML CSS with the Swiper JS library. The card slider is designed to showcase content effectively, with custom navigation buttons and pagination.","archived":false,"fork":false,"pushed_at":"2024-11-24T17:30:17.000Z","size":1427,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-25T07:26:32.645Z","etag":null,"topics":["card-slider","css","html","image-slider","javascript","swiper","swiper-js"],"latest_commit_sha":null,"homepage":"https://youtu.be/M5AjXLBNFWA","language":"HTML","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/codzsword.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":"2024-11-24T17:13:32.000Z","updated_at":"2024-11-24T17:33:00.000Z","dependencies_parsed_at":"2024-11-24T18:35:23.616Z","dependency_job_id":null,"html_url":"https://github.com/codzsword/card-slider-html-css-javascript","commit_stats":null,"previous_names":["codzsword/card-slider-html-css-javascript"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codzsword%2Fcard-slider-html-css-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codzsword%2Fcard-slider-html-css-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codzsword%2Fcard-slider-html-css-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codzsword%2Fcard-slider-html-css-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codzsword","download_url":"https://codeload.github.com/codzsword/card-slider-html-css-javascript/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244560373,"owners_count":20472219,"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":["card-slider","css","html","image-slider","javascript","swiper","swiper-js"],"created_at":"2024-11-25T10:16:07.881Z","updated_at":"2026-05-19T11:02:40.140Z","avatar_url":"https://github.com/codzsword.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Responsive Card Slider HTML CSS JavaScript\n\nTo create this card slider, we’re using the SwiperJS library—a lightweight and feature-rich JavaScript library for sliders. While there are other options like Owl Carousel and Slick JS, SwiperJS stands out for its simplicity and performance. It doesn’t rely on additional libraries like jQuery, making it faster and easier to integrate into your projects.\n\n![Logo](https://raw.githubusercontent.com/codzsword/card-slider-html-css-javascript/refs/heads/main/card%20slider%20demo.png)\n\n## YouTube Video Link\nhttps://youtu.be/M5AjXLBNFWA\n\n## Key Features\n\n- Responsive Card Slider\n- SwiperJS Integration\n- Custom Navigation and Pagination\n- Breakpoints for Responsiveness\n- Clean and Minimal Design\n- Interactive Hover Effects\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodzsword%2Fcard-slider-html-css-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodzsword%2Fcard-slider-html-css-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodzsword%2Fcard-slider-html-css-javascript/lists"}