DEV Community

Magnus UI vs. Dripsy - Chakra UI alternatives for React Native (+Web)

Magne on June 10, 2021

Update 2024-11-24: Just use tamagui.dev for UI (or onestack.dev for a crossplatform framework). First, a primer on React Native Web (RNW), for th...
Collapse
 
redbar0n profile image
Magne • • Edited

NativeBase is worth checking out: "Mobile-first, accessible components for React Native & Web".

It works with RNW, and it looks like you can get SSR with it (without an utility-first approach, but more like Dripsy, since "NativeBase V3 allows you to provide object and array values to add responsive styles."):

github.com/GeekyAnts/NativeBase/pu...

But maybe not, since compatibility with NextJS is still questionable:
github.com/GeekyAnts/NativeBase/is...

Even though NativeBase has docs for NextJS:
docs.nativebase.io/install-next

Collapse
 
redbar0n profile image
Magne •

NB: Many people are reporting performance issues at scale with NativeBase. Heard in various Discord channels, and also here: github.com/GeekyAnts/NativeBase/is...

Collapse
 
redbar0n profile image
Magne • • Edited

Chakra UI vs. Nativebase code comparison (usage, functions, components): nativebase.io/blogs/nativebase-cha...

Collapse
 
redbar0n profile image
Magne •

NativeBase doesn't seem to have the same polished aesthetics as Chakra UI.

But you could potentially use Chakra UI's theme with NativeBase's unstyled components: github.com/chakra-ui/chakra-ui/iss...

Collapse
 
redbar0n profile image
Magne • • Edited

See also the successor to Nativebase, made by the same team, called Gluestack UI ui.gluestack.io/ which can be used with the accompanying dank.style style library. It is part of the overarching suite they call Gluestack.io

Nativebase is discontinued for performance reasons: github.com/GeekyAnts/NativeBase/is...

Collapse
 
redbar0n profile image
Magne •

SnackUI is another alternative.

Collapse
 
ammarfaris profile image
Ammar Faris •

SnackUI's name has been changed to Tamagui (tamagui.dev)

Collapse
 
redbar0n profile image
Magne •

Tamagui looks like a worthy competitor to Dripsy and Magnus UI!

Thread Thread
 
redbar0n profile image
Magne •

Update: Yeah, I would definitely use Tamagui over Dripsy and MagnusUI, and even over NativeBase (due to its performance issues).

Collapse
 
redbar0n profile image
Magne •

You sure? Seems like different maintainers…

Thread Thread
 
ammarfaris profile image
Ammar Faris •

I think so