Overview

The React Native 50 Days UI Challenge is an exciting initiative aimed at creating a diverse range of user interface designs over the course of 50 days. This project is perfect for developers looking to enhance their skills in React Native while exploring various UI components and interactions. Whether you're a beginner or an experienced developer, this challenge offers a wealth of inspiration and practical examples that can help you build engaging and dynamic applications.

Throughout the challenge, numerous innovative UI components are created, showcasing different design patterns and functionality. Each day's project not only highlights a unique concept but also serves as a demonstration of what can be accomplished with React Native, encouraging learners to push their limits and experiment with new ideas.

Features

Bouncy Onboarding: A seamless component that slides content left or right, providing an engaging onboarding experience.
Circular Onboarding: Features a circular design with animated dot indicators that enhance the user journey through onboarding screens.
Dynamic Tabs: Customizable and animated tab bar allowing smooth navigation between screens, utilizing a ScrollView for a streamlined user interface.
Sticky Header: Interpolates content to the Y-axis origin, creating a dynamic header that reacts to user scrolling.
Animated Cards: Offers a list of expandable cards that navigate to detailed views, featuring smooth animations powered by React Native Reanimated.
Swipeable Rows: Provides a user-friendly swiping functionality for lists, revealing hidden actions and enhancing interactivity.
Dial Button: A custom circular menu with animations, offering a central button that expands to reveal icons, ensuring an engaging user experience.
Floating Button: A customizable, circular floating action button (FAB) that stands out and provides quick access to important actions within the application.

Hewad Mubariz

Reactnative 50 Days