├── .expo ├── README.md ├── devices.json └── types │ └── router.d.ts ├── .gitignore ├── .vscode └── settings.json ├── README.md ├── app.json ├── app ├── (tabs) │ ├── (profile) │ │ └── profile.tsx │ ├── _layout.tsx │ ├── index.tsx │ └── new.tsx ├── +html.tsx ├── +not-found.tsx ├── _layout.tsx ├── downloads.tsx ├── movie │ └── [id].tsx ├── search.tsx ├── switch-profile.tsx └── visionOS │ └── _layout.tsx ├── assets ├── audio │ └── profile-selected.mp3 ├── fonts │ ├── SpaceMono-Regular.ttf │ └── arialic.ttf ├── gifs │ └── demo.gif └── images │ ├── adaptive-icon.png │ ├── favicon.png │ ├── icon.png │ ├── partial-react-logo.png │ ├── react-logo.png │ ├── react-logo@2x.png │ ├── react-logo@3x.png │ ├── replace-these │ ├── coming-soon.png │ ├── download-netflix-icon.png │ ├── download-netflix-transparent.png │ ├── everyone-watching.webp │ ├── new-netflix-outline.png │ ├── new-netflix.png │ └── top10.png │ └── splash.png ├── babel.config.js ├── components ├── BottomSheet │ └── ExpandedPlayer.tsx ├── CategoriesListModal │ └── CategoriesListModal.tsx ├── CategoryCard.tsx ├── FeaturedContent │ └── FeaturedContent.tsx ├── GameList │ └── GameList.tsx ├── Header │ └── AnimatedHeader.tsx ├── MovieList │ └── MovieList.tsx ├── MusicVisualizer.tsx ├── Overlay │ ├── OverlayContext.tsx │ └── OverlayProvider.tsx ├── ParallaxScrollView.tsx ├── TabScreenWrapper.tsx ├── ThemedText.tsx ├── ThemedView.tsx ├── WhoIsWatching.tsx ├── WindowManager.tsx ├── navigation │ └── TabBarIcon.tsx └── ui │ ├── Button.tsx │ ├── Card.tsx │ ├── VisionContainer.tsx │ └── index.ts ├── constants └── Colors.ts ├── contexts ├── RootScaleContext.tsx └── UserContext.tsx ├── data ├── movies.json ├── new.json └── users.json ├── hooks ├── useCachedResources.ts ├── useColorScheme.ts ├── useColorScheme.web.ts ├── useDeviceMotion.ts ├── useEyeTracking.ts ├── useOverlayView.ts ├── useScrollToTop.ts ├── useThemeColor.ts ├── useVisionGestures.ts └── useVisionOS.ts ├── icons └── Home.tsx ├── package.json ├── scripts ├── reset-project.js └── scrape-netflix-for-you.js ├── styles ├── expanded-player.ts ├── index.ts ├── new.ts └── who-is-watching.ts ├── tsconfig.json └── types └── movie.ts /.expo/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/.expo/README.md -------------------------------------------------------------------------------- /.expo/devices.json: -------------------------------------------------------------------------------- 1 | { 2 | "devices": [] 3 | } 4 | -------------------------------------------------------------------------------- /.expo/types/router.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/.expo/types/router.d.ts -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/.gitignore -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "git.ignoreLimitWarning": true 3 | } 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/README.md -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app.json -------------------------------------------------------------------------------- /app/(tabs)/(profile)/profile.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/(tabs)/(profile)/profile.tsx -------------------------------------------------------------------------------- /app/(tabs)/_layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/(tabs)/_layout.tsx -------------------------------------------------------------------------------- /app/(tabs)/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/(tabs)/index.tsx -------------------------------------------------------------------------------- /app/(tabs)/new.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/(tabs)/new.tsx -------------------------------------------------------------------------------- /app/+html.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/+html.tsx -------------------------------------------------------------------------------- /app/+not-found.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/+not-found.tsx -------------------------------------------------------------------------------- /app/_layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/_layout.tsx -------------------------------------------------------------------------------- /app/downloads.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/downloads.tsx -------------------------------------------------------------------------------- /app/movie/[id].tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/movie/[id].tsx -------------------------------------------------------------------------------- /app/search.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/search.tsx -------------------------------------------------------------------------------- /app/switch-profile.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/switch-profile.tsx -------------------------------------------------------------------------------- /app/visionOS/_layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/app/visionOS/_layout.tsx -------------------------------------------------------------------------------- /assets/audio/profile-selected.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/audio/profile-selected.mp3 -------------------------------------------------------------------------------- /assets/fonts/SpaceMono-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/fonts/SpaceMono-Regular.ttf -------------------------------------------------------------------------------- /assets/fonts/arialic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/fonts/arialic.ttf -------------------------------------------------------------------------------- /assets/gifs/demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/gifs/demo.gif -------------------------------------------------------------------------------- /assets/images/adaptive-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/adaptive-icon.png -------------------------------------------------------------------------------- /assets/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/favicon.png -------------------------------------------------------------------------------- /assets/images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/icon.png -------------------------------------------------------------------------------- /assets/images/partial-react-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/partial-react-logo.png -------------------------------------------------------------------------------- /assets/images/react-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/react-logo.png -------------------------------------------------------------------------------- /assets/images/react-logo@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/react-logo@2x.png -------------------------------------------------------------------------------- /assets/images/react-logo@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/react-logo@3x.png -------------------------------------------------------------------------------- /assets/images/replace-these/coming-soon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/replace-these/coming-soon.png -------------------------------------------------------------------------------- /assets/images/replace-these/download-netflix-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/replace-these/download-netflix-icon.png -------------------------------------------------------------------------------- /assets/images/replace-these/download-netflix-transparent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/replace-these/download-netflix-transparent.png -------------------------------------------------------------------------------- /assets/images/replace-these/everyone-watching.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/replace-these/everyone-watching.webp -------------------------------------------------------------------------------- /assets/images/replace-these/new-netflix-outline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/replace-these/new-netflix-outline.png -------------------------------------------------------------------------------- /assets/images/replace-these/new-netflix.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/replace-these/new-netflix.png -------------------------------------------------------------------------------- /assets/images/replace-these/top10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/replace-these/top10.png -------------------------------------------------------------------------------- /assets/images/splash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/assets/images/splash.png -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/babel.config.js -------------------------------------------------------------------------------- /components/BottomSheet/ExpandedPlayer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/BottomSheet/ExpandedPlayer.tsx -------------------------------------------------------------------------------- /components/CategoriesListModal/CategoriesListModal.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/CategoriesListModal/CategoriesListModal.tsx -------------------------------------------------------------------------------- /components/CategoryCard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/CategoryCard.tsx -------------------------------------------------------------------------------- /components/FeaturedContent/FeaturedContent.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/FeaturedContent/FeaturedContent.tsx -------------------------------------------------------------------------------- /components/GameList/GameList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/GameList/GameList.tsx -------------------------------------------------------------------------------- /components/Header/AnimatedHeader.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/Header/AnimatedHeader.tsx -------------------------------------------------------------------------------- /components/MovieList/MovieList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/MovieList/MovieList.tsx -------------------------------------------------------------------------------- /components/MusicVisualizer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/MusicVisualizer.tsx -------------------------------------------------------------------------------- /components/Overlay/OverlayContext.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/Overlay/OverlayContext.tsx -------------------------------------------------------------------------------- /components/Overlay/OverlayProvider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/Overlay/OverlayProvider.tsx -------------------------------------------------------------------------------- /components/ParallaxScrollView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/ParallaxScrollView.tsx -------------------------------------------------------------------------------- /components/TabScreenWrapper.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/TabScreenWrapper.tsx -------------------------------------------------------------------------------- /components/ThemedText.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/ThemedText.tsx -------------------------------------------------------------------------------- /components/ThemedView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/ThemedView.tsx -------------------------------------------------------------------------------- /components/WhoIsWatching.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/WhoIsWatching.tsx -------------------------------------------------------------------------------- /components/WindowManager.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/WindowManager.tsx -------------------------------------------------------------------------------- /components/navigation/TabBarIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/navigation/TabBarIcon.tsx -------------------------------------------------------------------------------- /components/ui/Button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/ui/Button.tsx -------------------------------------------------------------------------------- /components/ui/Card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/ui/Card.tsx -------------------------------------------------------------------------------- /components/ui/VisionContainer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/components/ui/VisionContainer.tsx -------------------------------------------------------------------------------- /components/ui/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Button'; -------------------------------------------------------------------------------- /constants/Colors.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/constants/Colors.ts -------------------------------------------------------------------------------- /contexts/RootScaleContext.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/contexts/RootScaleContext.tsx -------------------------------------------------------------------------------- /contexts/UserContext.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/contexts/UserContext.tsx -------------------------------------------------------------------------------- /data/movies.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/data/movies.json -------------------------------------------------------------------------------- /data/new.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/data/new.json -------------------------------------------------------------------------------- /data/users.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/data/users.json -------------------------------------------------------------------------------- /hooks/useCachedResources.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/hooks/useCachedResources.ts -------------------------------------------------------------------------------- /hooks/useColorScheme.ts: -------------------------------------------------------------------------------- 1 | export { useColorScheme } from 'react-native'; 2 | -------------------------------------------------------------------------------- /hooks/useColorScheme.web.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/hooks/useColorScheme.web.ts -------------------------------------------------------------------------------- /hooks/useDeviceMotion.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/hooks/useDeviceMotion.ts -------------------------------------------------------------------------------- /hooks/useEyeTracking.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/hooks/useEyeTracking.ts -------------------------------------------------------------------------------- /hooks/useOverlayView.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/hooks/useOverlayView.ts -------------------------------------------------------------------------------- /hooks/useScrollToTop.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/hooks/useScrollToTop.ts -------------------------------------------------------------------------------- /hooks/useThemeColor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/hooks/useThemeColor.ts -------------------------------------------------------------------------------- /hooks/useVisionGestures.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/hooks/useVisionGestures.ts -------------------------------------------------------------------------------- /hooks/useVisionOS.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/hooks/useVisionOS.ts -------------------------------------------------------------------------------- /icons/Home.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/icons/Home.tsx -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/package.json -------------------------------------------------------------------------------- /scripts/reset-project.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/scripts/reset-project.js -------------------------------------------------------------------------------- /scripts/scrape-netflix-for-you.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/scripts/scrape-netflix-for-you.js -------------------------------------------------------------------------------- /styles/expanded-player.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/styles/expanded-player.ts -------------------------------------------------------------------------------- /styles/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/styles/index.ts -------------------------------------------------------------------------------- /styles/new.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/styles/new.ts -------------------------------------------------------------------------------- /styles/who-is-watching.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/styles/who-is-watching.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/tsconfig.json -------------------------------------------------------------------------------- /types/movie.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulsharma/netflix-ui/HEAD/types/movie.ts --------------------------------------------------------------------------------