BNA

BNA UI
DocsComponentsChartsConvexSupabaseFirebase
...
About
  • Introduction
  • CLI
  • Theming
  • AI & LLMs
  • MCP Server
  • Rules for agents
  • Claude Skill
  • shadcn
Installation
  • Expo
  • Expo + Convex
  • Expo + Convex + Auth
  • Expo + Supabase
  • Expo + Supabase + Auth
  • Expo + Firebase
  • Expo + Firebase + Auth
  • Manual
Components
  • Accordion
  • Action Sheet
  • Alert Dialog
  • Alert
  • Audio Player
  • Audio Recorder
  • Audio Waveform
  • Avatar
  • AvoidKeyboard
  • Badge
  • BottomSheet
  • Button
  • Camera Preview
  • Camera
  • Card
  • Carousel
  • Checkbox
  • Collapsible
  • Color Picker
  • Combobox
  • Date Picker
  • File Picker
  • Gallery
  • Hello Wave
  • Icon
  • Image
  • Input OTP
  • Input
  • Link
  • MediaPicker
  • Mode Toggle
  • Onboarding
  • ParallaxScrollView
  • Picker
  • Popover
  • Progress
  • Radio
  • ScrollView
  • SearchBar
  • Separator
  • Share
  • Sheet
  • Skeleton
  • Spinner
  • Switch
  • Table
  • Tabs
  • Text
  • Toast
  • Toggle
  • Video
  • View
Charts
  • Area Chart
  • Bar Chart
  • Bubble Chart
  • Candlestick Chart
  • Chart Container
  • Column Chart
  • Doughnut Chart
  • Heatmap Chart
  • Line Chart
  • Pie Chart
  • Polar Area Chart
  • Progress Ring Chart
  • Radar Chart
  • Radial Bar Chart
  • Scatter Chart
  • Stacked Area Chart
  • Stacked Bar Chart
  • TreeMap Chart
Convex
  • Authentication
  • Database and schema
  • Realtime
  • File Storage
  • Actions
  • Google Sign-In
  • Apple Sign-In
  • Resend OTP
  • Deployment
  • Troubleshooting
Supabase
  • Authentication
  • Database and RLS
  • Realtime
  • Storage
  • Edge Functions
  • Google Sign-In
  • Apple Sign-In
  • Email and SMTP
  • Deployment
  • Troubleshooting and FAQ
Firebase
  • Authentication
  • Firestore
  • Realtime
  • Storage
  • Security rules
  • Google sign-in
  • Apple sign-in
  • Email and links
  • Deployment
  • Troubleshooting
Hooks
  • useBottomTabOverflow
  • useColor
  • useColorScheme
  • useHaptics
  • useKeyboardHeight
  • useModeToggle
Providers
  • ModeProvider
  • ThemeProvider
Theme
  • Colors
  • Globals

Components

PreviousNext

Here you can find all the components available in the library. We are working on adding more components.

AccordionAction SheetAlert DialogAlertAudio PlayerAudio RecorderAudio WaveformAvatarAvoidKeyboardBadgeBottomSheetButtonCamera PreviewCameraCardCarouselCheckboxCollapsibleColor PickerComboboxDate PickerFile PickerGalleryHello WaveIconImageInput OTPInputLinkMediaPickerMode ToggleOnboardingParallaxScrollViewPickerPopoverProgressRadioScrollViewSearchBarSeparatorShareSheetSkeletonSpinnerSwitchTableTabsTextToastToggleVideoView
ManualAccordion
  • View as Markdown
  • Open in ChatGPT
  • Open in Claude
  • Open in Gemini
  • Open in v0
  • Open in Copilot
  • Open in Scira
  • Open in Cursor
  • Open in Windsurf
Built by BNA inspired by shadcn. The source code is available on GitHub.