DEV Community

Cover image for Creating Neumorphic components in React, Vue and Svelte
Navicstein Rotciv
Navicstein Rotciv

Posted on

Creating Neumorphic components in React, Vue and Svelte

Hello everyone!

In the next few days, I'll start creating a neumorpic component - a UI trends that's going to be popular soon.

Although i draw UI inspiration from dribble i didn't even know what some UI concepts was all about until i stumbled at a blog post on medium Neumorphism in user interfaces and since then I've been designing my applications UI with the concept but i feel like creating something new out of the spec, that's why am calling a frontend developers around to globe to help contribute in the creating of neumo a neumorphic UI trend this 2020 and beyond

What can be achieved with this?

if the project goes well, we would be able to achieve the following UI with our shiny project

see the following screenshots to be convinced

media one

media two

media three

media four

view more here - that's where i got it from

In the future, the specification could also introduce elements of other embed-able frameworks like vuetify, quasar for vue etc, the library should integrate well with other frameworks as well.

In the project I'll use all of the following concepts and technologies (& more)

  • Storybook - open source tool for developing UI components in isolation for React, Vue, and Angular.

  • Typescript - A typed superset of JavaScript that compiles to plain JavaScript.

  • Sass - CSS with superpowers

  • and more to come

The Goal

The goal of this project is to create a neumorphic UI component framework for creating applications super fast. If everything goes well, it will be released someday!

Contributions are welcome!

After I set up the initial project skeleton I'd appreciate any contributions from people who would like to collaborate in component development and/or learn hands-on.

Top comments (0)