Introducing @spk265/media-slider: A Simple Media Carousel for React Native

Shyam KattiShyam Katti
1 min read

If you've ever needed a smooth, customizable media slider for your React Native app, then @spk265/media-slider is for you! ๐Ÿš€

What is @spk265/media-slider?

@spk265/media-slider is a lightweight, flexible media carousel for React Native. It allows you to display images effortlessly while ensuring a smooth user experience.

Key Features

โœ” Supports Images โ€“ Seamlessly slide through images(video support coming soon!).
โœ” Auto Play & Looping โ€“ Set it to play automatically with customizable timing.
โœ” Gesture-Based Navigation โ€“ Swipe left/right to navigate smoothly.
โœ” Customizable Controls โ€“ Modify indicators, navigation buttons, and styles to match your design.
โœ” Lightweight & Performant โ€“ Optimized for React Native to ensure smooth performance.

Installation & Usage

Installing @spk265/media-slider is easy:

npm install @spk265/media-slider

Basic usage:

import MediaSlider from "@spk265/media-slider";

const media = [
  { type: "image", uri: "https://example.com/image1.jpg" },
  { type: "image", uri: "https://example.com/image2.jpg" },
];

export default function App() {
  return <MediaSlider media={media} />;
}

Looking for Feedback!

I built this package to make media slideshows easier in React Native, and Iโ€™d love to hear your thoughts! ๐ŸŽ‰
Try it out and let me know what features or improvements you would like to see.

๐Ÿ‘‰ Check it out on npm: @spk265/media-slider
๐Ÿ‘‰ GitHub: Link

0
Subscribe to my newsletter

Read articles from Shyam Katti directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Shyam Katti
Shyam Katti