Delacour UI vs BNA UI
Same delivery, different styling layer.
Both libraries are shadcn-inspired and copy each component's source into your app through a CLI, with an MCP server and Markdown docs for agents. BNA UI styles with StyleSheet objects and a colours file of its own, and ships camera, audio and video components plus backend starters. Delacour UI styles with Tailwind classes painted from shadcn's CSS variables, so a web app's theme carries straight across.
How the code arrives
Both copy the source in. Only one also ships as a package.
MIT · copy in or install
MIT · copied in by its own CLI
Component source in your repository
Delacour UI
delacour add button
BNA UI
npx bna-ui add button
Also installable as one npm package
Delacour UI
@delacour/react-native-ui, one subpath per component
BNA UI
fetched from ui.ahmedbna.com/r by the CLI
Starter apps with a backend wired in
Delacour UI
delacour init sets up an app you already have
BNA UI
init, convex, supabase and firebase starters
Bare React Native, without Expo
Delacour UI
Expo or the React Native CLI
BNA UI
installation covers Expo apps only
Styling and theming
The real difference. One is Tailwind on shadcn's tokens; the other is StyleSheet on its own.
MIT · copy in or install
MIT · copied in by its own CLI
Tailwind className
Delacour UI
Tailwind v4, compiled by Uniwind
BNA UI
StyleSheet and the style prop, never className
No styling compiler in your Metro config
Delacour UI
Uniwind wraps Metro
BNA UI
plain StyleSheet, nothing to configure
shadcn's token names
Delacour UI
--primary, --muted-foreground, --radius
BNA UI
its own theme/colors.ts, read with useColor
Bring a web app's globals.css across
Delacour UI
delacour theme takes a path, a URL or stdin
BNA UI
colours are re-typed into theme/colors.ts
Light and dark
Delacour UI
both, from one theme.css
BNA UI
built-in light and dark mode
What is in the box
Similar breadth, aimed at different apps.
MIT · copy in or install
MIT · copied in by its own CLI
Components
Delacour UI
108, grouped from actions to overlays
BNA UI
52, plus a separate chart set
Charts, bottom sheet, toast, date picker
Delacour UI
each one
BNA UI
each one
Camera, audio and video components
Delacour UI
not in the library
BNA UI
camera, audio recorder and player, video
Runs on the web as well
Delacour UI
iOS and Android only
BNA UI
responsive web support
Coding agents
Both are built for an agent to drive — the closest row on the page.
MIT · copy in or install
MIT · copied in by its own CLI
An MCP server
Delacour UI
npx delacour@latest mcp
BNA UI
npx bna-ui mcp
Every docs page as Markdown
Delacour UI
/llms.txt and a .md twin per page
BNA UI
/llms.txt and a .md twin per page
An installable agent skill
Delacour UI
npx delacour@latest skills
BNA UI
a Claude skill
Which one
Choose BNA UI if you would rather not run a styling compiler, need camera, audio or video components, want a backend starter, or need the web.
Choose Delacour UI if your team already writes Tailwind and shadcn/ui on the web and wants the native app on the same classes and the same theme.
Sources
Every row on BNA UI's side was read from these pages on 2026-11-04. If one is out of date, open an issue and it will be corrected.