Skip to main content

​
What It Does

A bottom sheet that lets users choose what to create, shown over a dimmed view of the current screen. This is the single entry point for all content creation in the app.

​
How It Works

app/create.tsx is presented as containedTransparentModal with fade animation:
  • Pan gesture to dismiss (swipe down > 100px or velocity > 500)
  • Spring animation on mount, timing animation on dismiss
  • Haptic feedback on option press
  • Navigation pattern: dismisses modal first, then navigates to creation route after 150ms delay (prevents navigation conflicts)

​
Options

OptionIconNavigates To
PostImageIcon (Lucide)app/post/new.tsx
RecipeFilm (Lucide)app/recipe/new.tsx
CollectionLibraryBig (Lucide)app/collection/new.tsx

​
Unauthenticated State

Shows “Sign in to create content” with a login button instead of the three creation options. Uses AuthOverlayProvider for auth gating.

Recipes

Recipe creation flow

Posts

Post creation flow

Collections

Collection creation flow