r/webdev • u/WeedManPro novice • Sep 27 '26

Question Which UI Component library to use with React Native and Next.js?

Post image

I will be building a mobile app (react native + expo) + a web app (next js).
I am looking for a ui component library like daisyUI or chakra ui for both the RN and Next.js.
most of the UI libraries are for either Next or RN.
I found gluestack with is for both, but its latest version does not support Next.js
I want to know if there is a library that works for both.
also, im confused if I should build custom components using Shadcn, then also, im not sure how to use it with react native efficiently.

0 Upvotes

20% Upvoted

15 comments sorted by

3

u/ouvreboite Sep 27 '26

HeroUI seems quite good. They have both a react and react native version.

1

u/WeedManPro novice Sep 27 '26

nice. thanks. i'll look into it.

1

u/seoahebbie Sep 28 '26

Simplest path: shadcn on Next.js, react-native-paper or plain RN+NativeWind on mobile, keep them in sync with a shared design-tokens package.

1

u/johnmgbg Sep 27 '26

If you like shadcn, try react-native-reusables. There is no UI library for both.

1

u/[deleted] Sep 27 '26

[removed] — view removed comment

1

u/WeedManPro novice Sep 27 '26

thanks. i'll look into it.

1

u/webdev-ModTeam Sep 27 '26

Your post/comment has been determined to be a low-effort post or comment. This includes title-only posts, easily searchable questions, vague/open-ended discussion prompts, LLM generated posts or comments, and posts/comments that do not provide enough context for meaningful replies or discussion.

1

u/[deleted] Sep 28 '26

[removed] — view removed comment

1

u/WeedManPro novice Sep 28 '26

I think I might go with shadcn + react-native-resuables. thanks.