{"id":4179,"url":"https://github.com/prscX/react-native-siri-wave-view","last_synced_at":"2025-08-04T00:32:28.394Z","repository":{"id":47481948,"uuid":"118912421","full_name":"prscX/react-native-siri-wave-view","owner":"prscX","description":"React Native: Native Siri Wave View","archived":true,"fork":false,"pushed_at":"2020-07-18T11:00:44.000Z","size":4542,"stargazers_count":149,"open_issues_count":7,"forks_count":41,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-24T10:40:42.540Z","etag":null,"topics":["android","ios","react-native"],"latest_commit_sha":null,"homepage":"","language":"Objective-C","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/prscX.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":"2018-01-25T12:51:58.000Z","updated_at":"2025-04-14T23:03:49.000Z","dependencies_parsed_at":"2022-08-26T04:31:50.767Z","dependency_job_id":null,"html_url":"https://github.com/prscX/react-native-siri-wave-view","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/prscX/react-native-siri-wave-view","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prscX%2Freact-native-siri-wave-view","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prscX%2Freact-native-siri-wave-view/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prscX%2Freact-native-siri-wave-view/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prscX%2Freact-native-siri-wave-view/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/prscX","download_url":"https://codeload.github.com/prscX/react-native-siri-wave-view/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prscX%2Freact-native-siri-wave-view/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268295574,"owners_count":24227937,"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-08-01T02:00:08.611Z","response_time":67,"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":["android","ios","react-native"],"created_at":"2024-01-05T20:17:03.586Z","updated_at":"2025-08-04T00:32:27.882Z","avatar_url":"https://github.com/prscX.png","language":"Objective-C","funding_links":["https://www.buymeacoffee.com/prscX"],"categories":["Components","\u003ca name=\"Loaders-\u0026-Animation:-Native-Modules\"\u003eLoaders \u0026 Animation: Native Modules\u003c/a\u003e","Others"],"sub_categories":["UI"],"readme":"\u003ch1 align=\"center\"\u003e\n\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/react-native-siri-wave-view\"\u003e\u003cimg src=\"http://img.shields.io/npm/v/react-native-siri-wave-view.svg?style=flat\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/prscX/react-native-siri-wave-view/pulls\"\u003e\u003cimg alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/prscX/react-native-siri-wave-view#License\"\u003e\u003cimg src=\"https://img.shields.io/npm/l/react-native-siri-wave-view.svg?style=flat\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n    ReactNative: Native Siri Wave View (Android/iOS): Deprecated\n\nDue to time constraint, this library is deprecated and not maintained anymore, You can still use this library.\n\nIf this project has helped you out, please support us with a star 🌟\n\u003c/h1\u003e\n\nThis library is a React Native bridge around native libraries providing **Siri Wave** implementation\n\n\u003e **Note:** iOS 9 Wave Form is only supported on iOS.\n\n| **[stefanceriu/SCSiriWaveformView](https://github.com/stefanceriu/SCSiriWaveformView) \u0026 [alexgomes09/SIRIWaveView](https://github.com/alexgomes09/SIRIWaveView)**             |\n| ----------------- |\n| \u003cimg src=\"https://cdn.dribbble.com/users/341264/screenshots/2203511/wave.gif\" /\u003e                  |\n\n| **[prscX/PXSiriWave9](https://github.com/prscX/PXSiriWave9)**             |\n| ----------------- |\n| \u003cimg src=\"./assets/siriwave9.gif\" /\u003e                  |\n\n\n## 📖 Getting started\n\n- `$ npm install react-native-siri-wave-view --save`\n\n- `$ react-native link react-native-siri-wave-view`\n\n#### Android\n- Please add `react-native-siri-wave-view` \u0026 `siriwaveview` module in your app by adding below snippet in your app settings.gradle. If it already exisit please ignore:\n\n```javascript\ninclude ':react-native-siri-wave-view'\nproject(':react-native-siri-wave-view').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-siri-wave-view/android')\n\ninclude ':siriwaveview'\nproject(':siriwaveview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-siri-wave-view/android/SIRIWaveView/siriwaveview')\n```\n\n- Add below `:react-native-siri-wave-view` \u0026 `:siriwaveview` in your app `build.gradle` depenencies:\n\n```\ndependencies {\n    compile project(':siriwaveview')\n    compile project(':react-native-siri-wave-view')\n    compile fileTree(dir: \"libs\", include: [\"*.jar\"])\n}\n\n```\n\n- Please add below snippet in your app build.gradle file\n\n```\nbuildscript {\n    repositories {\n        jcenter()\n        maven { url \"https://maven.google.com\" }\n        ...\n    }\n}\n\nallprojects {\n    repositories {\n        mavenLocal()\n        jcenter()\n        maven { url \"https://maven.google.com\" }\n        ...\n    }\n}\n```\n\n- Please make sure your Android SDK \u003e 27 and above\n\n\u003e **Note:** If you encounter [ISSUE - 2](https://github.com/prscX/react-native-siri-wave-view/issues/2), Please replace `import com.alex.siriwaveview.RNSiriWaveViewPackage;` with `import ui.siriwave.RNSiriWaveViewPackage;` in your app Android `MainApplication.java` class \n\n\u003cimg src=\"./assets/ISSUE.png\" /\u003e\n\n#### iOS\n\n  - After `react-native link react-native-siri-wave-view`, please verify `node_modules/react-native-siri-wave-view/ios/` contains `Pods` folder. If does not exist please execute `pod install` command on `node_modules/react-native-siri-wave-view/ios/`, if any error =\u003e try `pod repo update` then `pod install`\n\n\n## 💻 Usage\n\n```javascript\n\nimport RNSiriWaveView from 'react-native-siri-wave-view';\n\n\u003cRNSiriWaveView type={0} width={400} height={200} startAnimation={this.state.startAnimation} stopAnimation={this.state.stopAnimation} /\u003e\n\n```\n\n## 💡 Props\n\n\n- **Generic Props**\n\n| Prop              | Type       | Default | Note                                                                                                       |\n| ----------------- | ---------- | ------- | ---------------------------------------------------------------------------------------------------------- |\n| `width`           | `number`     |    200     | Width of Siri Wave View |\n| `height`       | `number`     |    100     | Height of Siri Wave View                        |\n| `type`       | `number`     |    0     | Specify type of wave you need. Default: 0, SiriWave9: 1                        |\n| `numberOfWaves`     | `number` |   5      | Number of waves you want in the view                                       |\n| `backgroundColor` | `string` |    #FFFFFF     | Background Color of Siri Wave View           |  |\n| `waveColor`    | `string`     |   #000000      | Color of Siri Waves                                        |  |\n| `primaryWaveLineWidth`      | `string`     |   iOS: 3, Android: 50      | Width of primary wave\n| `amplitude`      | `number`     |    0.5     | Amplitude of Waves |\n| `frequency`      | `number`     |    1.5     | Frequency of Waves |\n| `amplitude`      | `number`     |    0.01     | Amplitude of Waves |\n| `startAnimation`      | `bool`     |    false     | To Start the wave animation |\n| `stopAnimation`      | `bool`     |   false      | To Stop the ongoing wave animation |\n\n\n- **iOS Props**\n\n| Prop              | Type       | Default | Note                                                                                                       |\n| ----------------- | ---------- | ------- | ---------------------------------------------------------------------------------------------------------- |\n| `secondaryWaveLineWidth`      | `string`     |   1      | Width of secondary wave |\n| `density`      | `number`     |     5    | Density of Waves |\n| `phaseShift`      | `number`     |   -0.15      | Width of secondary wave |\n\n\n- **Siri Wave 9 Props**\n\n| Prop              | Type       | Default | Note                                                                                                       |\n| ----------------- | ---------- | ------- | ---------------------------------------------------------------------------------------------------------- |\n| `intensity`      | `number`     |    0.3     | Specify intensity of wave |\n| `colors`      | `array`     |    [\"#2085fc\", \"#5efca9\", \"#fd4767\"]     | Specify colors of siri wave 9 colors |\n\n\n## ✨ Credits\n\n- iOS: [stefanceriu/SCSiriWaveformView](https://github.com/stefanceriu/SCSiriWaveformView)\n- Android: [alexgomes09/SIRIWaveView](https://github.com/alexgomes09/SIRIWaveView)\n- Siri Wave 9 Implementation by: [GreatPotter](https://github.com/GreatPotter)\n\n## 🤔 How to contribute\nHave an idea? Found a bug? Please raise to [ISSUES](https://github.com/prscX/react-native-bottom-action-sheet/issues).\nContributions are welcome and are greatly appreciated! Every little bit helps, and credit will always be given.\n\n## 💫 Where is this library used?\nIf you are using this library in one of your projects, add it in this list below. ✨\n\n\n## 📜 License\nThis library is provided under the Apache License.\n\nRNSiriWaveView @ [prscX](https://github.com/prscX)\n\n## 💖 Support my projects\nI open-source almost everything I can, and I try to reply everyone needing help using these projects. Obviously, this takes time. You can integrate and use these projects in your applications for free! You can even change the source code and redistribute (even resell it).\n\nHowever, if you get some profit from this or just want to encourage me to continue creating stuff, there are few ways you can do it:\n* Starring and sharing the projects you like 🚀\n* If you're feeling especially charitable, please follow [prscX](https://github.com/prscX) on GitHub.\n\n  \u003ca href=\"https://www.buymeacoffee.com/prscX\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" \u003e\u003c/a\u003e\n\n  Thanks! ❤️\n  \u003cbr/\u003e\n  [prscX.github.io](https://prscx.github.io)\n  \u003cbr/\u003e\n  \u003c/ Pranav \u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FprscX%2Freact-native-siri-wave-view","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FprscX%2Freact-native-siri-wave-view","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FprscX%2Freact-native-siri-wave-view/lists"}