{"id":27091660,"url":"https://github.com/alikazemkhanloo/react-native-reanimated-slider","last_synced_at":"2025-07-21T19:36:49.359Z","repository":{"id":45715475,"uuid":"201739851","full_name":"alikazemkhanloo/react-native-reanimated-slider","owner":"alikazemkhanloo","description":"a reanimated slider for video players","archived":false,"fork":false,"pushed_at":"2023-07-11T01:06:05.000Z","size":2450,"stargazers_count":80,"open_issues_count":8,"forks_count":16,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-03T11:46:13.360Z","etag":null,"topics":["android","ios","react","react-native","react-native-reanimated","slider-component"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/alikazemkhanloo.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":"2019-08-11T08:45:01.000Z","updated_at":"2024-04-29T12:29:53.000Z","dependencies_parsed_at":"2024-06-19T02:07:05.843Z","dependency_job_id":null,"html_url":"https://github.com/alikazemkhanloo/react-native-reanimated-slider","commit_stats":{"total_commits":48,"total_committers":4,"mean_commits":12.0,"dds":"0.20833333333333337","last_synced_commit":"6c98ed59923de6c8e0213fa156cb7dd835de778d"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/alikazemkhanloo/react-native-reanimated-slider","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alikazemkhanloo%2Freact-native-reanimated-slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alikazemkhanloo%2Freact-native-reanimated-slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alikazemkhanloo%2Freact-native-reanimated-slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alikazemkhanloo%2Freact-native-reanimated-slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alikazemkhanloo","download_url":"https://codeload.github.com/alikazemkhanloo/react-native-reanimated-slider/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alikazemkhanloo%2Freact-native-reanimated-slider/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266367749,"owners_count":23918637,"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","status":"online","status_checked_at":"2025-07-21T11:47:31.412Z","response_time":64,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["android","ios","react","react-native","react-native-reanimated","slider-component"],"created_at":"2025-04-06T07:53:21.253Z","updated_at":"2025-07-21T19:36:49.290Z","avatar_url":"https://github.com/alikazemkhanloo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](./examples/capture.gif)\n\n# react-native-reanimated-slider\n\n\n## motivation\nThe slider from the react-native is not good for video/audio players. If you slide it while the player is playing the file, It will jump a lot between where the file is playing right now and where your finger is, producing very bad UX. this libray uses `react-native-reanimated` and `react-native-gesture-handler`  to produce 60 fps animations and stops jumping the slider while sliding.\n\n\n## install\nfirst install and link `react-native-reanimated` and `react-native-gesture-handler` and then install this packeage. they are installed by default in latest react-native.\n\n```\nyarn add react-native-reanimated-slider\n```\nif your are using `react-native-reanimated@1.x.x` install version 1. version 1 is not supported anymore.\n## Usage and API reference\n[Main Slider](https://github.com/alikazemkhanloo/react-native-reanimated-slider/tree/master/docs/Slider.md)\n\n[Ballon Component](https://github.com/alikazemkhanloo/react-native-reanimated-slider/tree/master/docs/Ballon.md)\n\n##  *Enjoy Sliding* :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falikazemkhanloo%2Freact-native-reanimated-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falikazemkhanloo%2Freact-native-reanimated-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falikazemkhanloo%2Freact-native-reanimated-slider/lists"}