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…
Using Styled-Components & Redux Toolkit — Typescript
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
Clayton Francis
Entrepreneur, TypeScript Developer, & CEO of my destiny
