EvanBacon/AWESOME-REACT-NATIVE-WEB

Stars
237
Rank 169,885 (Top 4 %)
Language
License
MIT License
Created over 5 years ago
Updated over 1 year ago

EvanBacon/AWESOME-REACT-NATIVE-WEB

EvanBacon

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

💙 React Native Web patterns, techniques, tips, and tricks ✨

Awesome Web!

This is collection of helpful information about using React Native for web & Expo to create comprehensive web apps. Feel free to contribute any missing information, or request a topic that's missing.

💙 A list of awesome React Native web & Expo web projects you can try now! ✨

Websites & PWAs

Twitter
Major League Soccer
Devhub
- Website
- Source
Instagram Clone
- Website
- Source
Crossy Road Clone
- Website
- Source Code
Doodle Jump Clone
- Website
- Source Code
Flappy Bird Clone
- Website
- Source Code
React Europe Conference App
- Website
- Source Code
Lego Building
- Website
- Source Code
Kitten Tricks
- Website
- Source Code
Inspiration Native
- Website
- Source Code

Videos

Articles

Expo-Crossy-Road

🐥🚙 Crossy Road game clone made in Expo (iOS, Android, web), THREE.js, Tween, React Native. 🐔

firebase-instagram

📸 Instagram clone with Firebase Cloud Firestore, Expo, and React Native 😁😍

pillar-valley

👾A cross-platform video game built with Expo, three.js, and Firebase! 🎮🕹

Instagram

A universal instagram clone built with Expo

expo-native-firebase

🔥 Native Firebase Expo App (iOS, Android) Demo for Firestore, Notifications, Analytics, Storage, Messaging, Database 🚨

react-native-web-hooks

Hooks for React Native web and Expo

Expo-Voxel

🎮🌳 Voxel Terrain made in React Native. ∛

expo-dark-mode-switch

A beautiful React dark mode switch component for iOS, Android, and Web

expo-router-twitter

Expo Router Twitter clone

expo-mdx

An attempt to render MDX universally across platforms

expo-auto-navigation

Test automatic navigation using Expo and React Navigation

metro-minify-esbuild

Use ESBuild to make your React Native code bundle faster.

expo-router-instagram-layout

Responsive Instagram layout clone. Built with Expo Router v2.

expo-router-layouts-example

Example of using custom layouts with Expo Router

expo-three-demo

🍎👩‍🏫 Collection of Demos for THREE.js in Expo!

icon-builder

website that helps build simple icons for React Native apps

snake

🐍🎮 Snake game made with Expo & PIXI.js 👾 iOS, Android, and Web

Lego-Expo

Play with Lego bricks anywhere using Expo

Sunset-Cyberspace

🎮👾Retro-runner Game made in Expo, Three.js, OpenGL, WebGL, Tween. 🕹

css-to-expo-linear-gradient

Convert a CSS linear gradient function to expo-linear-gradient props

react-flappy-bird

A side-scroller where the player controls a bird, attempting to fly between columns of green pipes without hitting them.

Portfolio

Expo Router Portfolio

expo-ahap

React Native module for loading and interacting with Apple ahap files

react-native-pixi

Use: https://github.com/expo/expo-pixi

apple-notes

A clone of the Apple Notes app but made universally with Expo

expo-three-orbit-controls

🎥 Three.js Orbit Controls (Camera) bridged into React Native

xcparse

super fast pbxproj parser written in TypeScript

expo-doodle-jump

expo-auto-navigation-webpack

Test automatic navigation using Expo and React Navigation and Webpack

react-native-pantry-storage

Persist values in `AsyncStorage` with expiration dates.

ExpoKit-Fastlane-Example

ExpoKit is deprecated. Everything here is automatic with EAS.

expo-google-sign-in-demo

A demo for using native Google Auth in Expo with expo-google-sign-in

react-shadow-generator

Visually create React Native shadows in the browser

expo-progress

Simple progress components for Expo

expo-chroma-key-camera

Live green-screen effect with Expo and THREE.js

expo-background-color

[UNOFFICIAL] stack based React component for updating the native background color

link-native-assets-expo-config-plugin

react-native-ink

React Native for CLIs

react-bluetooth

Web Bluetooth API in React

pro-chat

Full featured chat app built with 💙 Expo & Firebase 🔥

react-xib

React for Apple Interface Builder

Expo-Super-Mario-World

Native Super Mario World in Expo

react-nothing

React renderer for nothing

Expo-Flash-List-Demo

Demo of @shopify/flash-list with an Expo Dev Client (Runnable iOS demo included)

Expo-Badge

A design study for Expo badges

gadd

download and install node modules from a GitHub monorepo

react-navigation-web-responsive-tabs-demo

App-Store-Connect-OpenAPI-Spec

Automatically tracks every copy of the App Store Connect OpenAPI JSON Spec

expo-router-tailwind-demo

Demo of using Expo Router with Tailwind in a website bundled using Metro

expo-dom-components-canary-example

Early preview of using DOM Components with Expo

expo-three-text

expo-rpg

👾🎮 2D Game built with expo/three.js - BETA, not even close to complete

Cel-Shader

SceneKit Cel Shader Example

Metro-Context-Modules-Demo

A demo of using the new require.context syntax in Expo with Metro bundler

baconet

Dogfooding expo router, metro web, eas

expo-skia-demo

Demo of using `@shopify/react-native-skia` with Expo for web

expo-dropbox

Example universal Expo app using the dropbox API

Expo-Nitro-Roll

A cross-platform video game built with Expo and three.js!

app-icon-endpoint

Cloud function to generate basic icons, splash screens, and favicons.

expo-zip-code

This app shows you the bounds of the zip code you are in!

expo-three-template

Template for building three.js apps in expo

react-native-fastest-image

The fastest most reliable Image component for React Native

expo-router-react-native-bottom-tabs

Demo of using react-native-bottom-tabs with Expo Router

Expo-PencilKit

Package for using Apple PencilKit with Expo Dev Clients.

Metro-web-demo

Demo of using Metro to bundle Expo apps for web

react-native-facial-gestures

Track facial gestures with ease using front facing AR on the iPhoneX

expo-router-tabs-demo

The Expo Tabs template implemented using Expo Router

expo-cel-shader

A simple demo showing how to setup cel shading in react native with three.js and EXGL

Canny-Stream-Demo

Expo-Yandhi

The Yandhi demo created with Expo AR

expo-swift-example

Example of writing Swift modules in Expo

react-europe-2019

Resources from my workshops and talk at React Europe 2019

expo-splash-video-example

Recreation of the "Universe - Website builder" animated splash screen effect, using Expo

App.js-Conf-Workshop-2022

Resources for the App.js Conf Workshop 2022 hosted by Evan Bacon and Lydia Hallie

expo-router-top-tabs

expo-sucrase-demo

Example of using sucrase to bundle an Expo project instead of Babel

react-native-permissions-tutorial

A tutorial on using permissions in React Native

basic-expo-app

pay no attention

expo-phaser-isometric

Phaser isometric game material

expo-icon-explore

Explore expo/vector-icons in the browser. Written with Expo Router

expo-dancing-stormtrooper

An AR clone dancing to the cantina bar song. This demonstrates setting up a 3D app, Collada (.dae) model loading, texture loading, playing audio

expo-dev.to

dev.to clone written using Expo (iOS, Android, web)

expo-swift-template

Using swift with Expo

expo-safari-extension-test

Test a few different concepts to improve the Safari Extension development workflow for Expo users.

app.js-conf

Resources from my App.js conf talk

config-plugins-for-any-platform

Expo config plugins for any platform

Expo-App-Clip-experiment

For reference purposes only, do not use

expo-touch-bar-example

Example of creating a custom button in the touch bar using Expo/Electron

arc-browser-pull-to-refresh-haptics-in-Expo

Replicating the iOS pull-to-refresh progressive haptics effect from arc browser in an Expo app.

React-Europe-2018

Gaming resources from React Europe 2018

FacialRecognitionEmojiSearch

🙂🙃 Search for emojis using facial recognition. Built in Swift targeted for iOS 9.3+

anime-lorem

Anime placeholder photos

expo-router-better-web-drawers-example

An example of using web-only components to create high-performing drawers on web platforms

expo-firebase-tutorial

Map-Skins

Swift 3. iOS Custom Dark or Light Maps. Super easy 😍

love-game

expo-config-plugins-splash-api

Example of using the internal expo-splash-screen config plugin API

fake-auth

A website for testing oauth redirects

react-apple-authentication

Expo-Orientation