{"id":21409835,"url":"https://github.com/stackbuilders/react-native-spotlight-tour","last_synced_at":"2025-05-15T03:08:19.375Z","repository":{"id":37077144,"uuid":"285614418","full_name":"stackbuilders/react-native-spotlight-tour","owner":"stackbuilders","description":"A highly customizable tour feature with an awesome spotlight effect","archived":false,"fork":false,"pushed_at":"2025-05-06T16:25:42.000Z","size":31208,"stargazers_count":361,"open_issues_count":22,"forks_count":31,"subscribers_count":22,"default_branch":"main","last_synced_at":"2025-05-06T17:37:58.999Z","etag":null,"topics":["android","app-tour","customizable","hacktoberfest","ios","react","react-native","spotlight","spotlight-tour","step-by-step","tour","user-guide"],"latest_commit_sha":null,"homepage":"https://stackbuilders.github.io/react-native-spotlight-tour/","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/stackbuilders.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"docs/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"docs/CODE_OF_CONDUCT.md","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":"2020-08-06T16:06:02.000Z","updated_at":"2025-05-06T16:56:25.000Z","dependencies_parsed_at":"2024-04-04T17:09:10.396Z","dependency_job_id":"75ab241c-8bcf-4c7b-8d07-48aa4ac5d982","html_url":"https://github.com/stackbuilders/react-native-spotlight-tour","commit_stats":{"total_commits":56,"total_committers":11,"mean_commits":5.090909090909091,"dds":0.5714285714285714,"last_synced_commit":"9c471ec3d3c547c62797ba530783889f99d57a18"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackbuilders%2Freact-native-spotlight-tour","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackbuilders%2Freact-native-spotlight-tour/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackbuilders%2Freact-native-spotlight-tour/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackbuilders%2Freact-native-spotlight-tour/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stackbuilders","download_url":"https://codeload.github.com/stackbuilders/react-native-spotlight-tour/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254264769,"owners_count":22041794,"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","app-tour","customizable","hacktoberfest","ios","react","react-native","spotlight","spotlight-tour","step-by-step","tour","user-guide"],"created_at":"2024-11-22T17:34:32.876Z","updated_at":"2025-05-15T03:08:14.290Z","avatar_url":"https://github.com/stackbuilders.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native Spotlight Tour\n\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n[![All Contributors](https://img.shields.io/badge/all_contributors-19-orange.svg?style=flat-square)](#contributors-)\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\n[![CI](https://github.com/stackbuilders/react-native-spotlight-tour/actions/workflows/ci.yml/badge.svg)](https://github.com/stackbuilders/react-native-spotlight-tour/actions/workflows/ci.yml)\n[![Release](https://github.com/stackbuilders/react-native-spotlight-tour/actions/workflows/release.yml/badge.svg)](https://github.com/stackbuilders/react-native-spotlight-tour/actions/workflows/release.yml)\n[![NPM version](https://img.shields.io/npm/v/react-native-spotlight-tour)](https://www.npmjs.com/package/react-native-spotlight-tour)\n[![NPM downloads](https://img.shields.io/npm/dm/react-native-spotlight-tour)](https://www.npmjs.com/package/react-native-spotlight-tour)\n[![NPM license](https://img.shields.io/npm/l/react-native-spotlight-tour)](https://github.com/stackbuilders/react-native-spotlight-tour/blob/main/LICENSE)\n[![GitHub Release Date](https://img.shields.io/github/release-date/stackbuilders/react-native-spotlight-tour)](https://github.com/stackbuilders/react-native-spotlight-tour/releases)\n[![Known Vulnerabilities](https://snyk.io/test/github/stackbuilders/react-native-spotlight-tour/badge.svg)](https://snyk.io/test/github/stackbuilders/react-native-spotlight-tour)\n\n`react-native-spotlight-tour` is a simple and intuitive library for React Native (Android, iOS, and Web\ncompatible). It uses [Floating UI](https://floating-ui.com) under the hood in order to handle elements\npositioning, it re-exports all floating-ui middlewares to be configured in the tour.\nIt also allows you to implement a highly customizable tour feature with an awesome spotlight effect.\nThis library handles animations at the native level and is perfect\nfor the following:\n\n- Guiding users on how to use your application\n- Showing an introduction to your users\n\n\u003cspan\u003e\u003cimg src=\"docs/rnst-bounce.gif\" alt=\"spotlight-bounce-gif\" width=\"300\"/\u003e\u003c/span\u003e\n\u003cspan\u003e\u003cimg src=\"docs/rnst-fade.gif\" alt=\"spotlight-fade-gif\" width=\"300\"/\u003e\u003c/span\u003e\n\u003cspan\u003e\u003cimg src=\"docs/rnst-slide.gif\" alt=\"spotlight-slide-gif\" width=\"300\"/\u003e\u003c/span\u003e\n\u003cspan\u003e\u003cimg src=\"docs/rnst-rect.gif\" alt=\"spotlight-rect-gif\" width=\"300\"/\u003e\u003c/span\u003e\n\n## Requirements\n\n- [ReactJS](https://reactjs.org/) \u003e= 16.8.0\n- [React Native](https://reactnative.dev/) \u003e= 0.50.0\n- [react-native-svg](https://github.com/react-native-svg/react-native-svg) \u003e= 12.1.0\n\n## Install\n\nWith `npm`:\n\n```bash\nnpm install react-native-spotlight-tour\n```\n\nWith `yarn`:\n\n```bash\nyarn add react-native-spotlight-tour\n```\n\n## 🚨 Breaking changes: v2 to v3\n\nThis major update brings a few fixes, some great new features, and some breaking changes. These are some highlight you'll need to consider while upgrading from v2 to v3:\n\n- The package has been renamed from `@stackbuilders/react-native-spotlight-tour` to just `react-native-spotlight-tour`\n  - Don't worry, this library is still developed and maintained by the [Stack Builders Inc.](https://www.stackbuilders.com/) team!\n  - Remove the former package from your dependencies and use the command described in the [Install section](#install)\n  - Rename any import from the previous name to use just `react-native-spotlight-tour` instead\n- Tooltip positioning was refactored\n  - Props related to the tooltip position were removed from `SpotlightTourProvider` and the `TourStep` object.\n    - Both `Align` and `Position` enums were removed\n    - Both `alignTo` and `position` props were removed\n  - We now delegate the positioning to [FloatingUI](https://floating-ui.com/), so you can use the `floatingProps` prop to configure its global behavior or granularly on each step.\n  - Middleware functions are re-exported from `@floating-ui/react-native` to `react-native-spotlight-tour`.\n  - You may not need to do changes on `floatingProps` since the default behavior is very similar to v2\n\n## Usage\n\nTo be able to use the tour, you'll need to wrap everything around a `SpotlightTourProvider`. This provider component will also give you access to a hook to retrieve the `SpotlightTour` context, which gives information and fine control over the tour.\n\n```tsx\nimport { Button, Text, View } from \"react-native\";\nimport {\n  AttachStep,\n  SpotlightTourProvider,\n  TourStep,\n  flip,\n  offset,\n  shift,\n} from \"react-native-spotlight-tour\";\n\nconst mySteps: TourStep[] = [\n  // ...setup the steps\n];\n\nreturn (\n  \u003cSpotlightTourProvider\n    steps={mySteps}\n    overlayColor={\"gray\"}\n    overlayOpacity={0.36}\n    // This configurations will apply to all steps\n    floatingProps={{\n      middleware:[offset(5), shift(), flip()],\n      placement: \"bottom\",\n    }}\n  \u003e\n    {({ start }) =\u003e (\n      \u003c\u003e\n        \u003cButton title=\"Start\" onPress={start} /\u003e\n\n        \u003cView\u003e\n          \u003cAttachStep index={0}\u003e\n            \u003cText\u003eIntroduction\u003c/Text\u003e\n          \u003c/AttachStep\u003e\n\n          \u003cText\u003e\n            This is an example using the spotlight-tour library.\n            Press the Start button to see it in action.\n          \u003c/Text\u003e\n        \u003c/View\u003e\n\n        \u003cView\u003e\n          \u003cAttachStep index={1}\u003e\n            \u003cText\u003eDocumentation\u003c/Text\u003e\n          \u003c/AttachStep\u003e\n          \u003cDescriptionText\u003e\n            Please, read the documentation before installing.\n          \u003c/DescriptionText\u003e\n        \u003c/View\u003e\n      \u003c/\u003e\n    )};\n  \u003c/SpotlightTourProvider\u003e\n);\n```\n\nFloating-UI props can be defined in the `\u003cSpotlightTourProvider/\u003e` and this will be applied to all tour steps. If no configuration is given it will take a default with the next values:\n`middlewares: [flip(), offset(4), shift()]` and `placement: \"bottom\"`.\n\nThe tour requires an array of steps to be configured, which will map directly to each `\u003cAttachStep /\u003e` index. Bellow is a complete example of a `TourStep` array:\n\n```tsx\nimport { Button, Text, View } from \"react-native\";\nimport {\n  Align,\n  TourStep,\n  useSpotlightTour\n} from \"react-native-spotlight-tour\";\n\nconst mySteps: TourStep[] = [{\n  // This configurations will apply just for this step\n  floatingProps:{\n    middleware: [offset(0), shift(), flip()],\n    placement: \"right\",\n  },\n  render: ({ next }) =\u003e (\n    \u003cView\u003e\n      \u003cText\u003eThis is the first step of tour!\u003c/Text\u003e\n      \u003cButton title=\"Next\" onPress={next} /\u003e\n    \u003c/View\u003e\n  )\n}, {\n  before: () =\u003e {\n    return DataService.fetchData()\n      .then(setData);\n  },\n  render: () =\u003e {\n    // You can also use the hook inside the step component!\n    const { previous, stop } = useSpotlightTour();\n\n    return (\n      \u003cView\u003e\n        \u003cText\u003eThis is the first step of tour!\u003c/Text\u003e\n        \u003cButton title=\"Previous\" onPress={previous} /\u003e\n        \u003cButton title=\"Stop\" onPress={stop} /\u003e\n      \u003c/View\u003e\n    );\n  }\n}];\n```\n\nFloating-UI props can be defined in each step for a custom configuration. If no floating configuration is specified in the step it will take the one defined in the `\u003cSpotlightTourProvider/\u003e`.\n\nYou can also find a complete example [here](example/).\n\n## Built-in Helper Components\n\nYou can take advantage of the built-in customizable components. For example, our [TourBox](https://stackbuilders.github.io/react-native-spotlight-tour/docs/build/#tourbox) component can be used as a tooltip container for each step.\n\n\n\n```tsx\nimport { Text } from \"react-native\";\nimport { Align, TourBox, TourStep } from \"react-native-spotlight-tour\";\n\nconst tourSteps: TourStep[] = [{\n    render: props =\u003e (\n      \u003cTourBox\n        title=\"Tour: Customization\"\n        titleStyle={{\n          fontFamily: 'Roboto',\n          color: '#90EE90',\n          fontWeight: 'bold'\n        }}\n        backText=\"Previous\"\n        nextText=\"Next\"\n        {...props}\n      \u003e\n        \u003cText\u003e\n          {\"This is the third step of tour example.\\n\"}\n          {\"If you want to go to the next step, please press \"}\u003cBoldText\u003e{\"Next.\\n\"}\u003c/BoldText\u003e\n          {\"If you want to go to the previous step, press \"}\u003cBoldText\u003e{\"Previous.\\n\"}\u003c/BoldText\u003e\n        \u003c/Text\u003e\n      \u003c/TourBox\u003e\n    ),\n  }];\n```\n\n### Tour customization\n\nThe [SpotlightTourProvider](https://stackbuilders.github.io/react-native-spotlight-tour/docs/build/#spotlighttourprovider) also allows you to customize the overlay through the [overlayColor](https://stackbuilders.github.io/react-native-spotlight-tour/docs/build/interfaces/SpotlightTourProviderProps.html#overlaycolor) and [overlayOpacity](https://stackbuilders.github.io/react-native-spotlight-tour/docs/build/interfaces/SpotlightTourProviderProps.html#overlayopacity) props.\n\n```tsx\nimport { AttachStep, SpotlightTourProvider, TourStep } from \"react-native-spotlight-tour\";\n\nconst mySteps: TourStep[] = [\n  // ...\n];\n\nreturn (\n  \u003cSpotlightTourProvider steps={mySteps} overlayColor={\"gray\"} overlayOpacity={0.36}\u003e\n    {({ start }) =\u003e (\n      \u003c\u003e\n      {/* ... */}\n      \u003c/\u003e\n    )};\n  \u003c/SpotlightTourProvider\u003e\n);\n```\n\nBesides above customizations, you can also define the transition animation [see motion](https://stackbuilders.github.io/react-native-spotlight-tour/docs/build/#motion) and the behavior when the user presses the backdrop [see onBackdropPress](https://stackbuilders.github.io/react-native-spotlight-tour/docs/build/#backdroppressbehavior). Otherwise if you wish to make them different for an specific step you could override this properties in the `TourStep` configuration.\n\n```tsx\nimport { Button, Text, View } from \"react-native\";\nimport {\n  Align\n  AttachStep,\n  SpotlightTourProvider,\n  TourStep,\n  TourBox\n} from \"react-native-spotlight-tour\";\n\nconst tourSteps: TourStep[] = [{\n    motion: \"fade\",\n    onBackdropPress: \"stop\",\n    render: props =\u003e (\n      \u003cTourBox\n        title=\"Tour: Customization\"\n        backText=\"Previous\"\n        nextText=\"Next\"\n        {...props}\n      \u003e\n        \u003cText\u003e\n          {\"This is the first step of tour example.\\n\"}\n          {\"If you want to go to the next step, please press \"}\u003cBoldText\u003e{\"Next.\\n\"}\u003c/BoldText\u003e\n          {\"If you want to go to the previous step, press \"}\u003cBoldText\u003e{\"Previous.\\n\"}\u003c/BoldText\u003e\n        \u003c/Text\u003e\n      \u003c/TourBox\u003e\n    ),\n  }];\n\nreturn (\n  \u003cSpotlightTourProvider\n    steps={tourSteps}\n    overlayColor={\"gray\"}\n    overlayOpacity={0.36}\n    onBackdropPress=\"continue\"\n    motion=\"bounce\"\n  \u003e\n    {({ start }) =\u003e (\n      \u003c\u003e\n      \u003cButton title=\"Start\" onPress={start} /\u003e\n\n       \u003cView\u003e\n          \u003cAttachStep index={0}\u003e\n            \u003cText\u003eIntroduction\u003c/Text\u003e\n          \u003c/AttachStep\u003e\n\n          \u003cText\u003e\n            This is an example using the spotlight-tour library.\n            Press the Start button to see it in action.\n          \u003c/Text\u003e\n        \u003c/View\u003e\n      \u003c/\u003e\n    )};\n  \u003c/SpotlightTourProvider\u003e\n);\n```\n\n## API Reference\n\nTo view all the types, options, and props, please check the complete [API Reference](https://stackbuilders.github.io/react-native-spotlight-tour/docs/build/) documentation.\n\n## Contributing\n\nDo you want to contribute to this project? Please take a look at our [contributing guideline](/docs/CONTRIBUTING.md) to know how you can help us build it.\n\n---\n\u003cimg src=\"https://cdn.stackbuilders.com/media/images/Sb-supports.original.png\" alt=\"Stack Builders\" width=\"50%\"\u003e\u003c/img\u003e\n[Check out our libraries](https://github.com/stackbuilders/) | [Join our team](https://www.stackbuilders.com/join-us/)\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/JoseLion\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/3087228?v=4?s=100\" width=\"100px;\" alt=\"Jose Luis Leon\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJose Luis Leon\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=JoseLion\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=JoseLion\" title=\"Tests\"\u003e⚠️\u003c/a\u003e \u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=JoseLion\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"#infra-JoseLion\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e \u003ca href=\"#maintenance-JoseLion\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/pulls?q=is%3Apr+reviewed-by%3AJoseLion\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/sestrella\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/2049686?v=4?s=100\" width=\"100px;\" alt=\"Sebastián Estrella\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSebastián Estrella\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#infra-sestrella\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/rojasTob\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/10774724?v=4?s=100\" width=\"100px;\" alt=\"Angie Rojas\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAngie Rojas\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=rojasTob\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=rojasTob\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"http://ferandrade.com/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/6790161?v=4?s=100\" width=\"100px;\" alt=\"Fernanda Andrade\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eFernanda Andrade\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#infra-flandrade\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e \u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=flandrade\" title=\"Tests\"\u003e⚠️\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://www.tivodeveloper.tech/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/23414828?v=4?s=100\" width=\"100px;\" alt=\"Steven Cuasqui\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSteven Cuasqui\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=StevenCuasqui\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/Alex0jk\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/22301755?v=4?s=100\" width=\"100px;\" alt=\"Alexander Mejía\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAlexander Mejía\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=Alex0jk\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/lopenchi\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/12633126?v=4?s=100\" width=\"100px;\" alt=\"Carolina López\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eCarolina López\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=lopenchi\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#example-lopenchi\" title=\"Examples\"\u003e💡\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/ChristianMarca\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/39254595?v=4?s=100\" width=\"100px;\" alt=\"cmarcag\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ecmarcag\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=ChristianMarca\" title=\"Tests\"\u003e⚠️\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/krarrobo1\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/26930130?v=4?s=100\" width=\"100px;\" alt=\"Ricardo Arrobo\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eRicardo Arrobo\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=krarrobo1\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=krarrobo1\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://abkal.vercel.app/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/43915733?v=4?s=100\" width=\"100px;\" alt=\"Mohammad Abkal\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMohammad Abkal\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=mohamedabkal\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/Enneson\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/68185396?v=4?s=100\" width=\"100px;\" alt=\"Alexander Pokhil\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAlexander Pokhil\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=Enneson\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/alejo0o\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/60680371?v=4?s=100\" width=\"100px;\" alt=\"Alejandro Vivanco\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAlejandro Vivanco\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=alejo0o\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/pulls?q=is%3Apr+reviewed-by%3Aalejo0o\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/well1791\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/6817008?v=4?s=100\" width=\"100px;\" alt=\"Wellington Mendoza\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eWellington Mendoza\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/pulls?q=is%3Apr+reviewed-by%3Awell1791\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/ChristianSama\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/43491324?v=4?s=100\" width=\"100px;\" alt=\"Christian Samaniego\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eChristian Samaniego\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/pulls?q=is%3Apr+reviewed-by%3AChristianSama\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/beKoool\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/76424367?v=4?s=100\" width=\"100px;\" alt=\"beKool.sh\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ebeKool.sh\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=beKoool\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/alxpkhl\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/68185396?v=4?s=100\" width=\"100px;\" alt=\"Alexander Pokhil\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAlexander Pokhil\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=alxpkhl\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://ravan.me\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/6104262?v=4?s=100\" width=\"100px;\" alt=\"Ravan Scafi\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eRavan Scafi\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=ravanscafi\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/anddriex\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/42983405?v=4?s=100\" width=\"100px;\" alt=\"Andres Perez\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAndres Perez\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=anddriex\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/hdbv95\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/28691512?v=4?s=100\" width=\"100px;\" alt=\"David Baldassari\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDavid Baldassari\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stackbuilders/react-native-spotlight-tour/commits?author=hdbv95\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n  \u003ctfoot\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" size=\"13px\" colspan=\"7\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/all-contributors/all-contributors-cli/1b8533af435da9854653492b1327a23a4dbd0a10/assets/logo-small.svg\"\u003e\n          \u003ca href=\"https://all-contributors.js.org/docs/en/bot/usage\"\u003eAdd your contributions\u003c/a\u003e\n        \u003c/img\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tfoot\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n\n## License\n\nMIT, see [the LICENSE file](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackbuilders%2Freact-native-spotlight-tour","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstackbuilders%2Freact-native-spotlight-tour","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackbuilders%2Freact-native-spotlight-tour/lists"}