{"id":15025488,"url":"https://github.com/ramotion/fluid-slider","last_synced_at":"2025-10-09T12:04:21.816Z","repository":{"id":41371455,"uuid":"107671636","full_name":"Ramotion/fluid-slider","owner":"Ramotion","description":":octocat:💧 A slider widget with a popup bubble displaying the precise value selected. Swift UI library made by @Ramotion","archived":false,"fork":false,"pushed_at":"2022-06-01T06:20:38.000Z","size":9944,"stargazers_count":1992,"open_issues_count":27,"forks_count":158,"subscribers_count":41,"default_branch":"master","last_synced_at":"2025-09-09T22:03:55.652Z","etag":null,"topics":["ios","library","swift"],"latest_commit_sha":null,"homepage":"https://www.ramotion.com/fluid-slider/","language":"Swift","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/Ramotion.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":"2017-10-20T11:46:58.000Z","updated_at":"2025-08-27T12:14:32.000Z","dependencies_parsed_at":"2022-08-10T02:06:55.227Z","dependency_job_id":null,"html_url":"https://github.com/Ramotion/fluid-slider","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/Ramotion/fluid-slider","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ramotion%2Ffluid-slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ramotion%2Ffluid-slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ramotion%2Ffluid-slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ramotion%2Ffluid-slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ramotion","download_url":"https://codeload.github.com/Ramotion/fluid-slider/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ramotion%2Ffluid-slider/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279001425,"owners_count":26083078,"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-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","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":["ios","library","swift"],"created_at":"2024-09-24T20:02:27.165Z","updated_at":"2025-10-09T12:04:21.799Z","avatar_url":"https://github.com/Ramotion.png","language":"Swift","funding_links":["https://paypal.me/Ramotion"],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://www.ramotion.com/agency/app-development/?utm_source=gthb\u0026utm_medium=repo\u0026utm_campaign=fluid-slider\"\u003e\u003cimg src=\"https://github.com/Ramotion/folding-cell/blob/master/header.png\"\u003e\u003c/a\u003e\n\n\u003ca href=\"https://github.com/Ramotion/folding-cell\"\u003e\n\u003cimg align=\"left\" src=\"https://github.com/Ramotion/fluid-slider/blob/master/fluid-slider.gif\" width=\"480\" height=\"360\" /\u003e\u003c/a\u003e\n\n\u003cp\u003e\u003ch1 align=\"left\"\u003eFLUID SLIDER\u003c/h1\u003e\u003c/p\u003e\n\n\u003ch4\u003eA slider widget with a popup bubble displaying the precise value selected written on Swift.\u003c/h4\u003e\n\n\n___\n\n\n\n\u003cp\u003e\u003ch6\u003eWe specialize in the designing and coding of custom UI for Mobile Apps and Websites.\u003c/h6\u003e\n\u003ca href=\"https://www.ramotion.com/agency/app-development/?utm_source=gthb\u0026utm_medium=repo\u0026utm_campaign=fluid-slider\"\u003e\n\u003cimg src=\"https://github.com/ramotion/gliding-collection/raw/master/contact_our_team@2x.png\" width=\"187\" height=\"34\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cp\u003e\u003ch6\u003eStay tuned for the latest updates:\u003c/h6\u003e\n\u003ca href=\"https://goo.gl/rPFpid\" \u003e\n\u003cimg src=\"https://i.imgur.com/ziSqeSo.png/\" width=\"156\" height=\"28\"\u003e\u003c/a\u003e\u003c/p\u003e\n\nInspired by [Virgil Pana](https://dribbble.com/virgilpana) [shot](https://dribbble.com/shots/3868232-Fluid-Slider)\n\n\u003c/br\u003e\n\n[![Twitter](https://img.shields.io/badge/Twitter-@Ramotion-blue.svg?style=flat)](http://twitter.com/Ramotion)\n[![Carthage compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Ramotion/fluid-slider)\n[![codebeat badge](https://codebeat.co/badges/6f67da5d-c416-4bac-9fb7-c2dc938feedc)](https://codebeat.co/projects/github-com-ramotion-fluid-slider)\n[![Donate](https://img.shields.io/badge/Donate-PayPal-blue.svg)](https://paypal.me/Ramotion)\n\n## Requirements\n\n- iOS 10.0  \n- Xcode 9    \n- Swift 4.0\n\n## Installation\nYou can install `fluid-slider` in several ways:\n\n- Add source files to your project.\n\n\u003cbr\u003e\n\n- Use [CocoaPods](https://cocoapods.org):\n``` ruby\npod 'fluid-slider'\n```\n\n\u003cbr\u003e\n\n- Use [Carthage](https://github.com/Carthage/Carthage):\n```\ngithub \"Ramotion/fluid-slider\"\n```\n\n## Usage\n\n### Slider\n\n```swift\nimport fluid_slider\n```\n\nThe slider can be inserted in a view hierarchy as a subview. Appearance can be configured with a number of public attributes:\n\n```swift\nlet slider = Slider()\nslider.attributedTextForFraction = { fraction in\n    let formatter = NumberFormatter()\n    formatter.maximumIntegerDigits = 3\n    formatter.maximumFractionDigits = 0\n    let string = formatter.string(from: (fraction * 500) as NSNumber) ?? \"\"\n    return NSAttributedString(string: string)\n}\nslider.setMinimumLabelAttributedText(NSAttributedString(string: \"0\"))\nslider.setMaximumLabelAttributedText(NSAttributedString(string: \"500\"))\nslider.fraction = 0.5\nslider.shadowOffset = CGSize(width: 0, height: 10)\nslider.shadowBlur = 5\nslider.shadowColor = UIColor(white: 0, alpha: 0.1)\nslider.contentViewColor = UIColor(red: 78/255.0, green: 77/255.0, blue: 224/255.0, alpha: 1)\nslider.valueViewColor = .white\nview.addSubview(slider)\n```\n\nTake a look at the `Example` project for an integration example.\n\nSince `Slider` is a subclass of `UIControl`, it inherits target-action mechanics and it's possible to listen for user-triggered value changes:\n```swift\nslider.addTarget(self, action: #selector(sliderValueChanged), for: .valueChanged)\n```\n### Tracking Behavior\n\nThere are a couple of callbacks which allow you to listen to the slider's tracking events:\n```swift\n    var didBeginTracking: ((Slider) -\u003e ())?\n    var didEndTracking: ((Slider) -\u003e ())?\n```\n\n## Animation Performance\n\nThis control is designed to use device CPU resources with care. The fluid-style animation will be disabled when low power mode is enabled or the system is under heavy load.\n\n\nThis library is a part of a \u003ca href=\"https://github.com/Ramotion/swift-ui-animation-components-and-libraries\"\u003e\u003cb\u003eselection of our best UI open-source projects.\u003c/b\u003e\u003c/a\u003e\n\n\n## 🗂 Check this library on other language:\n\u003ca href=\"https://github.com/Ramotion/fluid-slider-android\"\u003e\n\u003cimg src=\"https://github.com/Ramotion/navigation-stack/blob/master/Android_Kotlin@2x.png\" width=\"178\" height=\"81\"\u003e\u003c/a\u003e\n\n\n## 📄 License\n\nFluid Slider is released under the MIT license.\nSee [LICENSE](./LICENSE) for details.\n\nThis library is a part of a \u003ca href=\"https://github.com/Ramotion/swift-ui-animation-components-and-libraries\"\u003e\u003cb\u003eselection of our best UI open-source projects.\u003c/b\u003e\u003c/a\u003e\n\nIf you use the open-source library in your project, please make sure to credit and backlink to https://www.ramotion.com/\n\n## 📱 Get the Showroom App for iOS to give it a try\nTry this UI component and more like this in our iOS app. Contact us if interested.\n\n\u003ca href=\"https://itunes.apple.com/app/apple-store/id1182360240?pt=550053\u0026ct=fluid-slider\u0026mt=8\" \u003e\n\u003cimg src=\"https://github.com/ramotion/gliding-collection/raw/master/app_store@2x.png\" width=\"117\" height=\"34\"\u003e\u003c/a\u003e\n\n\u003ca href=\"https://www.ramotion.com/agency/app-development/?utm_source=gthb\u0026utm_medium=repo\u0026utm_campaign=fluid-slider\"\u003e\n\u003cimg src=\"https://github.com/ramotion/gliding-collection/raw/master/contact_our_team@2x.png\" width=\"187\" height=\"34\"\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Framotion%2Ffluid-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Framotion%2Ffluid-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Framotion%2Ffluid-slider/lists"}