repowisesaulsharma/netflix-ui

saulsharma / netflix-ui

Netflix UI in Expo/React Native

TypeScript★ 1,715
Use in your agentAsk this codebase

github.com/saulsharma/netflix-uiIndexed at f0bc363Up to date with upstream

What is netflix-ui?

netflix-ui is a Netflix mobile UI clone for React Native and Expo. It recreates profile management, navigation, animated content screens, search, downloads, games, and video playback interfaces. The project is primarily written in TypeScript and uses Expo, React Native, and Expo Router.

Written by a model from the README and the source

62 files and 105 symbols in 10 modules, led by TypeScript (52 files) and JavaScript (3).

Start reading

Code health

9.5out of 10Excellent
Full health report

Use saulsharma/netflix-ui in your agent

Point Claude Code, Cursor, Codex or VS Code at this repository. Your agent gets the index this page is built from: cited answers, callers, history and health for any file.

  1. 1.In Claude, open Customize → Connectors, click +, then Add custom connector. On a Team or Enterprise plan an owner adds it first under Organization settings → Connectors.
  2. 2.Paste the server URL below as the Remote MCP server URL, then click Add.
  3. 3.Click Connect. A Repowise sign-in window opens. Approve access.
  4. 4.Repowise's tools are now available in your Claude chats.

Connect with one click. Sign in with Repowise (OAuth), no API key to copy. Works in Claude on the web, desktop, and mobile.

Docs
bash
https://api.repowise.dev/mcp/saulsharma/netflix-ui
Editors need an API key: sign in to create one.Sign in to connect

This repo is public, so anyone with a Repowise account and an API key can connect.

Try asking

  • get_overview()
  • get_answer("how is netflix-ui put together?")
  • get_why("why is netflix-ui structured this way?")

Explore netflix-ui

Key features of netflix-ui

  • Animated profile selection includes staggered loading, profile switching transitions, sound effects, and haptic feedback.
  • Custom tab navigation uses sliding animations, while content interactions use gestures and shared element transitions.
  • Content screens include an animated home screen, a New & Hot section, a mobile games showcase, dynamic search, downloads management, and a teaser video player.
  • The interface includes iOS-style modal presentations, dynamic blur and scaling effects, tilt animations, expandable categories, and a custom font.
  • The project uses reusable animated components with custom Netflix-style icons and layouts.

How saulsharma/netflix-ui works

The app uses Expo Router for file-based navigation across screens in the app directory. Reusable animated interface elements are organized in components, while hooks provide shared interaction and animation logic. Profile state is managed through contexts, and tab navigation state is coordinated across the application. React Native Reanimated handles worklet-based animations, while React Native Gesture Handler processes native gestures. The data directory supplies content data used by screens, and styles defines shared visual rules.

The codebase has 62 files and 105 symbols in 10 modules, led by TypeScript and JavaScript. Code health is 9.5 out of 10, rated excellent.

saulsharma/netflix-ui FAQ

What is netflix-ui?

netflix-ui is a Netflix mobile UI clone built with React Native and Expo. It recreates Netflix-style profiles, navigation, content screens, search, downloads, games, and video playback interfaces.

How does netflix-ui work?

netflix-ui uses Expo Router for file-based navigation, reusable components for the interface, contexts for profile state, and hooks for shared interaction logic. Reanimated and Gesture Handler provide animations and native gestures.

What language is netflix-ui written in?

netflix-ui is primarily written in TypeScript. The project also includes JavaScript files.

How is the netflix-ui code organized?

netflix-ui organizes interface code in components, screens and routes in app, shared logic in hooks, profile state in contexts, visual rules in styles, and content data in data.

When should I use netflix-ui?

netflix-ui is for building or studying a Netflix-style mobile interface with React Native and Expo. It covers animated profiles, navigation, content browsing, search, downloads, games, and video playback.

The summary, features and answers on this page are written by a model from the README and the source, and refreshed with each index.

About this page

Get a page like this for your own codebase

Repowise built this map of saulsharma/netflix-ui from its source and git history. It parses every symbol, draws the dependency graph, scores each file's health from complexity, duplication, coverage and churn, finds hotspots and owners in the history, and writes documentation for every module. Your coding agent reads the same index over MCP, so its answers cite real files.

Index your repo freeSee how Repowise worksFree for 2 public repos, with a page like this one.

Prefer local? pip install repowise && repowise init indexes your own checkout, no account needed.