The State of Neumorphic Design in React Native
The State of Neumorphic Design in React Native
Photo by Charles Deluvio on Unsplash

Neumorphism is very much like Marmite; you either love it or hate it. The concept is so bold, it makes it difficult to be on the fence with. Personally, I hate Marmite but love neumorphic design! I know my screen is flat, but the idea of an inanimate object being represented in its 3d state just works for me, and it looks great too!

Origin

The design concept of Neumorphism is firmly rooted with Skeuomorphism - real-world representation - but with a minimalistic twist. Pressable interactions such as buttons are created with shadows and highlighting instead of colours, providing a minimal realistic look; to gain a feel for what is going on, pop over to https://neumorphism.io/#55b9f3 and have a play around. …


Using Styled-Components & Redux Toolkit — Typescript

Image for post
Image for post
Photo by Walling on Unsplash

Let’s face it, these days, an app without dark mode belongs in a museum; somewhere between the Dinosaurs and the wheel. As consumers, we want to see cool things, as developers we want to build cool things, and dark mode is cool! Luckily for us, there are a plethora of libraries to help us out. In this article, we’re going to implement a light/dark mode feature which will change depending on your devices theme settings. We will build it with Styled-Components and Redux Toolkit, in a bare-bones React Native App.

Styled-components

About

Clayton Francis

Entrepreneur, TypeScript Developer, & CEO of my destiny

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store