Skip to content

Animated Carsusel made in react native with Animated Api and react-native-svg

Notifications You must be signed in to change notification settings

ShahrozAtiq/React-Native-Carousel

Repository files navigation

Trapezoid-Shaped Carousel - React Native

Discription

This React Native project aims to create a dynamic and engaging mobile application featuring three main components: an animated trapezoid-shaped carousel, an animated tab bar, and an animated emoji selector. The trapezoid carousel will offer a unique, modern aesthetic with smooth animations and responsive design, ensuring a seamless experience across all devices. The animated tab bar will enhance navigation with interactive animations, while the emoji selector will provide a fun and expressive way for users to communicate, complete with engaging animations and a wide selection of emojis. Developed from scratch, these components are designed to be easily integrated into your projects, providing a visually appealing and user-friendly interface that sets your app apart from traditional designs.

Installation and usage

Be sure, you have installed all dependencies and applications to run React Native project on your computer : Getting Started with React Native.

Running the project

Clone this repository :

git clone https://github.com/ShahrozAtiq/React-Native-Carousel.git
cd React-Native-Carousel

Packages Used:

  • react-navigation/native
  • react-native-svg
  • react-native-reanimated (for tab bar animation)

Install packages :

npm install

When installation is complete, run the project :

npx expo start