Marquee screenshot

Marquee

Updated: 11 Feb 2025
314 Stars

A React Native Marquee component.

Categories

Overview

The React Native Marquee component is an innovative addition to the toolkit of any React Native developer looking to add compelling animations to their applications. Powered by Reanimated 3, this cross-platform solution works seamlessly on iOS, Android, and web platforms, making it a versatile choice for crafting engaging user experiences. The component is designed to facilitate an infinite scrolling or marquee effect, enhancing the visual appeal of any included elements.

This component’s ability to maintain a smooth animation at frame rates ranging from 60 to 120fps ensures that your application feels responsive and modern. Built with TypeScript, it offers excellent type-checking benefits, further enhancing its usability for developers who want a reliable and fast solution for animations.

Features

  • Powered by Reanimated 3: Enjoy enhanced performance and smooth animations using the latest version of Reanimated, providing a robust foundation for your marquee effects.

  • Cross-platform Compatibility: Whether you’re developing for iOS, Android, or web, this component works flawlessly across all platforms, ensuring a consistent experience for users.

  • Flexible Animation Speed: Customize the speed of the animation to match the desired user experience, allowing for both fast and slow scrolling effects.

  • Direction Control: Choose between horizontal or vertical scrolling animations, giving you the flexibility to design your UI as you envision.

  • Customizable Spacing: Adjust the spacing between repeating elements to create the perfect aesthetic for your application, ensuring content is displayed exactly as you intend.

  • Gesture Control Capability: Enhance user interaction by allowing the marquee to be controlled through gestures, making the animation experience more engaging.

  • Developed with TypeScript: Enjoy the benefits of type safety and better development practices with a component written in TypeScript, making it easier to integrate into your projects.

  • Integration with React Native Elements: Easily incorporate the marquee effect with any React Native component, making it versatile for a variety of application scenarios.