https://github.com/yeabnoah/lofi_app

Lofi App UI is a demonstration of interactive UI skills using the Reanimated library, Expo, React Native, and Native Wind. It showcases the ability to build engaging and interactive user interfaces with smooth animations.
https://github.com/yeabnoah/lofi_app

expo nativewind react-native reanimated

Last synced: 10 days ago
JSON representation

Lofi App UI is a demonstration of interactive UI skills using the Reanimated library, Expo, React Native, and Native Wind. It showcases the ability to build engaging and interactive user interfaces with smooth animations.

• Host: GitHub
• URL: https://github.com/yeabnoah/lofi_app
• Owner: yeabnoah
• Created: 2024-04-27T06:46:29.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-27T13:29:57.000Z (10 months ago)
• Last Synced: 2024-04-28T08:25:12.682Z (10 months ago)
• Topics: expo, nativewind, react-native, reanimated
• Language: TypeScript
• Homepage:
• Size: 1.75 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



# Lofi App UI

Lofi App UI is a demonstration of interactive UI skills using the Reanimated library, Expo, React Native, and Native Wind. It showcases the ability to build engaging and interactive user interfaces with smooth animations.

## Technologies Used

- **Expo**: An open-source platform for building universal native apps for Android, iOS, and the web with JavaScript and React.

- **Native Wind**: A utility-first CSS framework for building responsive and interactive user interfaces.

- **Reanimated**: A React Native library for building smooth and fluid animations.

- **Tailwind CSS**: A utility-first CSS framework for rapidly building custom designs.

## Dependencies

The project relies on the following dependencies:

- **expo**: ^50.0.1

- **expo-constants**: ~15.4.5

- **expo-linking**: ~6.2.2

- **expo-router**: ~3.4.8

- **expo-splash-screen**: ~0.26.4

- **expo-status-bar**: ~1.11.1

- **nativewind**: ^4.0.1

- **react**: 18.2.0

- **react-dom**: 18.2.0

- **react-native**: 0.73.5

- **react-native-reanimated**: ~3.6.2

- **react-native-safe-area-context**: 4.8.2

- **react-native-screens**: ~3.29.0

- **react-native-snap-carousel**: ^3.9.1

- **react-native-web**: ~0.19.10

- **tailwindcss**: ^3.4.0