https://github.com/shahrozatiq/react-native-carousel
Animated Carsusel made in react native with Animated Api and react-native-svg
https://github.com/shahrozatiq/react-native-carousel
carousel flatlist-animation mobile-app react-native react-native-animation react-native-carousel react-native-reanimated react-native-svg svg-carousel
Last synced: 4 months ago
JSON representation
Animated Carsusel made in react native with Animated Api and react-native-svg
- Host: GitHub
- URL: https://github.com/shahrozatiq/react-native-carousel
- Owner: ShahrozAtiq
- Created: 2024-06-27T13:29:39.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-27T14:07:04.000Z (about 1 year ago)
- Last Synced: 2025-01-20T15:17:53.753Z (5 months ago)
- Topics: carousel, flatlist-animation, mobile-app, react-native, react-native-animation, react-native-carousel, react-native-reanimated, react-native-svg, svg-carousel
- Language: JavaScript
- Homepage:
- Size: 9.41 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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](https://facebook.github.io/react-native/docs/getting-started).
### 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 :
```bash
npx expo start
```