{"id":13995962,"url":"https://github.com/p-m-p/slider","last_synced_at":"2026-03-09T08:08:00.370Z","repository":{"id":3372905,"uuid":"4420093","full_name":"p-m-p/slider","owner":"p-m-p","description":"A modern, light weight content slider ","archived":false,"fork":false,"pushed_at":"2025-05-10T15:40:04.000Z","size":69886,"stargazers_count":893,"open_issues_count":1,"forks_count":235,"subscribers_count":71,"default_branch":"main","last_synced_at":"2025-05-10T15:44:13.892Z","etag":null,"topics":["carousel","javascript","react","slider","slideshow","typescript"],"latest_commit_sha":null,"homepage":"https://philparsons.co.uk/slider/","language":"TypeScript","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/p-m-p.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,"zenodo":null}},"created_at":"2012-05-23T13:04:30.000Z","updated_at":"2025-05-10T15:38:39.000Z","dependencies_parsed_at":"2023-12-19T10:32:27.342Z","dependency_job_id":"2477871e-c58d-4185-81e7-be6af84b6a31","html_url":"https://github.com/p-m-p/slider","commit_stats":{"total_commits":1024,"total_committers":8,"mean_commits":128.0,"dds":0.5380859375,"last_synced_commit":"49c4e36bcbe32a61f3987e605bb7783ca772461f"},"previous_names":["boxslider/slider"],"tags_count":166,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/p-m-p%2Fslider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/p-m-p%2Fslider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/p-m-p%2Fslider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/p-m-p%2Fslider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/p-m-p","download_url":"https://codeload.github.com/p-m-p/slider/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254092775,"owners_count":22013290,"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":["carousel","javascript","react","slider","slideshow","typescript"],"created_at":"2024-08-09T14:03:42.192Z","updated_at":"2026-03-09T08:08:00.360Z","avatar_url":"https://github.com/p-m-p.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cpicture\u003e\n    \u003csource srcset=\"assets/logo-medium-dark.webp\" media=\"(prefers-color-scheme: dark)\"\u003e\n    \u003cimg src=\"assets/logo-medium.webp\" width=\"480\" alt=\"Box Slider\"\u003e\n  \u003c/picture\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003eA modern, light weight content slider\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@boxslider/slider\"\u003e\u003cimg alt=\"NPM Status\" src=\"https://img.shields.io/npm/v/@boxslider/slider.svg?style=flat\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.jsdelivr.com/package/npm/@boxslider/slider\"\u003e\u003cimg alt=\"jsDelivr hits\" src=\"https://data.jsdelivr.com/v1/package/npm/@boxslider/slider/badge\"\u003e\u003c/a\u003e\n  \u003cimg alt=\"Build Status\" src=\"https://img.shields.io/github/actions/workflow/status/p-m-p/slider/ci.yml?branch=main\"\u003e\n\u003c/p\u003e\n\n## About\n\nBoxSlider is a small library with zero dependencies that provides a light-weight, responsive content slider with\nmultiple slide transition effects for modern browsers.\n\nThe library can be used standalone or via React and web components. View the [website](https://philparsons.co.uk/slider/)\nfor full details.\n\n## Installation\n\nInstall from NPM\n\n```sh\nnpm install --save @boxslider/slider\n```\n\nUse from CDN\n\n```html\n\u003cscript type=\"module\"\u003e\n  import { createCarouselSlider } from 'https://cdn.jsdelivr.net/npm/@boxslider/slider/+esm'\n\n  createCarouselSlider('#slider')\n\u003c/script\u003e\n```\n\n### React\n\nInstall via NPM\n\n```sh\nnpm install --save @boxslider/react\n```\n\n```tsx\nimport { SliderControls, CarouselSlider } from '@boxslider/react'\n\nfunction MySlider() {\n  return (\n    \u003cSliderControls\u003e\n      \u003cCarouselSlider\u003e\n        \u003cdiv\u003eSlide 1\u003c/div\u003e\n        \u003cdiv\u003eSlide 2\u003c/div\u003e\n        \u003cdiv\u003eSlide 3\u003c/div\u003e\n      \u003c/CarouselSlider\u003e\n    \u003c/SliderControls\u003e\n  )\n}\n```\n\nView the [React guide](https://philparsons.co.uk/slider/docs/guides/react) for full details\n\n### Web Components\n\nInstall via NPM\n\n```sh\nnpm install --save @boxslider/components\n```\n\nUse from CDN\n\n```html\n\u003cscript type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@boxslider/components/+esm\"\u003e\u003c/script\u003e\n\n\u003cbx-slider-controls\u003e\n  \u003cbs-carousel\u003e\n    \u003cdiv\u003eSlide 1\u003c/div\u003e\n    \u003cdiv\u003eSlide 2\u003c/div\u003e\n    \u003cdiv\u003eSlide 3\u003c/div\u003e\n  \u003c/bs-carousel\u003e\n\u003c/bx-slider-controls\n```\n\nView the [web components guide](https://philparsons.co.uk/slider/docs/guides/web-components) for full details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fp-m-p%2Fslider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fp-m-p%2Fslider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fp-m-p%2Fslider/lists"}