skiddie

Introduction

Navigation components for React Native & Expo that you copy into your app and own.

Pre-release

skiddie is being built. Commands and APIs on this page are the planned design and may change before v0.1.

skiddie is a set of navigation components for React Native and Expo: tab bars, top tabs, headers, drawers, menus and indicators. You don't install a UI package. The CLI copies the component source into your project, so you can read it, change it and ship it.

Principles

  • Smooth by default. Every animation runs on the UI thread with Reanimated.
  • Styled with NativeWind. Components use Tailwind classes (NativeWind v4), so you restyle them with the classes you already write.
  • Expo-first, not Expo-only. Expo extras like haptics and blur sit behind small adapters you can swap.
  • Navigator-agnostic. Use a component on its own, or as the tabBar of Expo Router or React Navigation through one adapter.
  • Accessible. Proper roles and selected states, labelled items, announced badges and 44pt touch targets.
  • Yours to change. Tokens, className slots, render props, headless hooks, and finally the source itself.

Installation

Set up skiddie in an Expo or React Native app.

Components

Browse every navbar.