# Onboarding Dark Objects

Introduce a current account on a night-dark stage where a card, a coin and savings cards turn in 3D as you swipe. Each page shows a real account moment, like interest ticking up a cent at a time.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/auth-onboarding-dark-objects
```

## Import

```tsx
import { OnboardingDarkObjectsScreen } from "@/screens/auth/onboarding-dark-objects";
```

## Registry dependencies

- `animated-number` — /components/animated-number
- `icon` — /components/icon
- `text` — /components/text

## Native packages

- react-native-reanimated@^4.0.0
- react-native-safe-area-context@*
- react-native-svg@*

## Icons rendered

- `coffee` — /icons.html?i=coffee
- `sun` — /icons.html?i=sun
- `zap` — /icons.html?i=zap
- `wifi` — /icons.html?i=wifi

Source: https://lumioui.com/screens/auth-onboarding-dark-objects