Expo Router Instagram responsive layout demo using SCSS

Use expo-router to build universally responsive navigation using files in the app/ directory.

Demo

Check out the web demo here. Pull the app and run in Expo Go to see the results on native.

Check out this sandbox to edit the code inside your browser.

A tab navigator that works well in landscape or portrait mode, same code used across web and native.

responsive.mp4

On web, responsive CSS is used to ensure styles work even before the JavaScript has loaded.

js-disabled.mp4

Name		Name	Last commit message	Last commit date
Latest commit History 36 Commits
.codesandbox		.codesandbox
.github/workflows		.github/workflows
.scaffdog		.scaffdog
.storybook		.storybook
.vscode		.vscode
assets		assets
src		src
.env		.env
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierrc		.prettierrc
README.md		README.md
app.config.js		app.config.js
app.d.ts		app.d.ts
babel.config.js		babel.config.js
bun.lockb		bun.lockb
jest.config.js		jest.config.js
jest.global-setup.js		jest.global-setup.js
jest.setup.js		jest.setup.js
metro.config.js		metro.config.js
metro.transformer.js		metro.transformer.js
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
vercel.json		vercel.json
yarn-error.log		yarn-error.log