DEV Community

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

Magne on June 10, 2021

First, a primer on React Native Web (RNW), for those unfamiliar. RNW is taking the high-level API of React Native, onto the Web. "Why not just use...
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

Thread Thread
 
redbar0n profile image
Magne

yeah, the old links to @natebirdman’s (aka. @natew) SnackUI repo now route to the Tamagui repo. Plus it seems like it from what the tamagui.dev author @natebirdman said on twitter.

But I’m still puzzled by the different repo contributors, and the existence of this repo by @nzbin :

github.com/snack-ui/snack

Maybe it is a completely different SnackUI than the one that @natebirdman made. Maybe the duplicate names was the reason for the name change to Tamagui?

Thread Thread
 
ammarfaris profile image
Ammar Faris

I think it's completely different repo from different authors. It can be a possibility for the name change to Tamagui...