{"id":21174871,"url":"https://github.com/mindinventory/androidcircularslider","last_synced_at":"2025-07-09T21:31:27.626Z","repository":{"id":65306705,"uuid":"530568521","full_name":"Mindinventory/AndroidCircularSlider","owner":"Mindinventory","description":"Create Highly Customizable Circular Slider made with Jetpack compose","archived":false,"fork":false,"pushed_at":"2023-01-12T13:05:21.000Z","size":5769,"stargazers_count":55,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2023-04-25T12:40:49.444Z","etag":null,"topics":["android","android-library","androidcircularslider","circularslider","jetpack-compose","jetpack-compose-library","kotlin","slider"],"latest_commit_sha":null,"homepage":"https://www.mindinventory.com/android-application-development.php","language":"Kotlin","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/Mindinventory.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}},"created_at":"2022-08-30T08:38:05.000Z","updated_at":"2023-04-07T01:26:24.000Z","dependencies_parsed_at":"2023-01-16T11:31:12.028Z","dependency_job_id":null,"html_url":"https://github.com/Mindinventory/AndroidCircularSlider","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2FAndroidCircularSlider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2FAndroidCircularSlider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2FAndroidCircularSlider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2FAndroidCircularSlider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mindinventory","download_url":"https://codeload.github.com/Mindinventory/AndroidCircularSlider/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225597410,"owners_count":17494149,"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":["android","android-library","androidcircularslider","circularslider","jetpack-compose","jetpack-compose-library","kotlin","slider"],"created_at":"2024-11-20T16:56:28.943Z","updated_at":"2024-11-20T16:56:29.535Z","avatar_url":"https://github.com/Mindinventory.png","language":"Kotlin","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Android Circular Slider  [![](https://jitpack.io/v/Mindinventory/AndroidCircularSlider.svg)](https://jitpack.io/#Mindinventory/AndroidCircularSlider) ![](https://img.shields.io/github/languages/top/Mindinventory/AndroidCircularSlider)\n\n\nCreate Highly Customizable Circular Slider made with Jetpack compose\n\n### Preview\n![image](https://github.com/Mindinventory/AndroidCircularSlider/blob/master/art/circularSliderDemo.gif)\n\n### Features\n- Great look and feel with lots of customization\n- Customisable circular slider\n- Customisable simple thumb\n- Simple to Implement\n\n### Attributes\n| Attribute | Description                               |\n| ------ |-------------------------------------------|\n| ```maxNum``` | To provide maximum number for the slider  |\n| ```radiusCircle``` | Radius of the circular slider             |\n| ```percentageFontSize``` | Font size of the percentage text          |\n| ```percentageColor``` | Color of the percentage text              |\n| ```progressWidth``` | Width of the Progress                     |\n| ```animDuration``` | To set duration for the sliding animation |\n| ```animDelay``` | To set delay for the sliding animation    |\n| ```strokeCap``` | To set strokes of the ends                |\n| ```thumbRadius``` | To set the radius of the thumb            |\n| ```tickColor``` | To set the color of the minute-like clock arms | \n| ```tickhighlightedColor``` | To set the color of the hour-like clock arms | \n| ```dialColor``` | Dial color                                |\n| ```progressColor``` | Color of the progress bar                 |\n| ```startThumbCircleColor``` | Initial thumb color                       |\n| ```thumbColor``` | Thumb color                               |\n| ```trackColor``` | Track color                               |\n| ```trackOpacity``` | Opacity of the track                      |\n| ```trackWidth``` | Width of the track                        |\n| ```isDisabled``` | Flag to set enabled/disabled circular slider |\n| ```staticProgress``` | Static progress in case if isDisabled is true |\n| ```onTouchEnabled``` | To enable thumb movement based on touch event |\n| ```onDragEnabled``` | To enable thumb movement on drag movement |\n\n\n### :thinking: How to use it?\n1. Add this in your root build.gradle at the end of repositories:\n```\nallprojects {\n          repositories {\n              maven { url 'https://jitpack.io' }\n          }\n}\n```\n2. Add the dependency in your app's build.gradle file:\n```\ndependencies {\n    implementation 'com.github.Mindinventory:AndroidCircularSlider:X.X.X'\n}\n```\n3. Use this code inside your composable:\n```\nfun CircularProgressBar(\n    maxNum: Int = 50,\n    radiusCircle: Dp = 150.dp,\n    percentageFontSize: TextUnit = 28.sp,\n    percentageColor: Color = DeepBlue,\n    progressWidth: Float = 28f,\n    animDuration: Int = 1000,\n    animDelay: Int = 0,\n    strokeCap: StrokeCap = StrokeCap.Round,\n    thumbRadius: Float = 40f,\n    tickColor: Color = SkyBlue,\n    tickhighlightedColor: Color = TextWhite,\n    dialColor: Color = DullPurple,\n    progressColor: Brush = Brush.linearGradient(colors = listOf(SkyBlue, Color.White)),\n    startThumbCircleColor: List\u003cColor\u003e = listOf(SkyBlue, SkyBlue),\n    thumbColor: List\u003cColor\u003e = listOf(Color.White, Color.White),\n    trackColor: Color = Color.Black,\n    trackOpacity: Float = 0.10f,\n    trackWidth: Float = 20f,\n    isDisabled: Boolean = false,\n    staticProgress: Float = 0f,\n)\n```\n\n# LICENSE!\n\nAndroidCircularSlider is [MIT-licensed](/LICENSE).\n\n# Let us know!\nWe’d be really happy if you send us links to your projects where you use our component. Just send an email to sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.\n\n\u003ca href=\"https://www.mindinventory.com/contact-us.php?utm_source=gthb\u0026utm_medium=repo\u0026utm_campaign=circularSlider\"\u003e\n\u003cimg src=\"https://github.com/Sammindinventory/MindInventory/blob/main/hirebutton.png\" width=\"203\" height=\"43\"  alt=\"app development\"\u003e\n\u003c/a\u003e\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmindinventory%2Fandroidcircularslider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmindinventory%2Fandroidcircularslider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmindinventory%2Fandroidcircularslider/lists"}