A flutter widget that expresses the concept of neuomorphism in UI design

Overview

neuomorphic_container

A package widget that applies the concept of Neuomorphism in software development using Flutter.

neuomorphic_container Package Url

Getting Started

Neumorphic containers pretends to extrude from the background. Itโ€™s an elevated form created from the same element of the background.

The background color of your application or widget hosting the Neuomorphic Container has to match the Neuomorphic Container background color to display properly.

The Neuomorphic Container comes with default values for height,width,intensity,blur and offset parameters.

The blur and intensity parameters are very delicate and the value selected should fit properly. You can decide to use the default value for blur and intensity at first and if that does not fit your purpose you can play around with other values that suits your narrative.

Intensity requires a value within the range of 0.01 to 0.6 else an exception is raised.

The new version comes with four styles for Neuomorphic Container : Flat, Concave, Convex, Pressed. The Pressed Style currently does not work on flutter web.

Usage

To use this package, just import 'package:neuomorphic_container/neuomorphic_container.dart';

Explore the example directory for a sample application of this package widget.

Explore the neuomorphism directory for a code generator on the usage of this package. The code generator comes with an APK that can be used to test and play around with values to easily decide what fits your design purpose. You can also run the project on a connected iOS device or simulator.

Sample Application

ios

android

Sample Code Generator

Neuomorphism

Inspiration

Awwwards UI Trends

Neomorphism

Support

Buy me a Coffee

For help getting started with Flutter, check out online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

You might also like...

An e-commerce UI concept in Flutter for Android and iOS

An e-commerce UI concept in Flutter for Android and iOS

Welcome to Flutter-Shopping-UI-Kit ๐Ÿ‘‹ Shopping UI design in Flutter Flutter-Shop

Sep 14, 2022

Arisweeklyfltrchlngemnu - Login Concept and Menu challenge with flutter

Arisweeklyfltrchlngemnu - Login Concept and Menu challenge with flutter

weekly_flutter_challenge_6_menu Challenge summary: This challenge is about recre

Oct 4, 2022

FlutterSocialAppUIKit - Flutter representation of a Social App Concept.

FlutterSocialAppUIKit - Flutter representation of a Social App Concept.

๐Ÿ”ฅ ๐Ÿ”ฅ Flutter Social App Concept Flutter representation of a Social App Concept i found on Uplabs. Star โญ the repo if you like what you see ๐Ÿ˜‰ . Image

Jan 6, 2023

MetaHome - a smart home app concept built with Flutter

MetaHome - a smart home app concept built with Flutter

MetaHome ๐Ÿ‘‘ A smart home app concept Installation Clone the repo git clone https://github.com/ys-sherzad/MetaHome.git On you project directory flutte

Oct 10, 2022

Flutter representation of a Travel Social App concept

Flutter representation of a Travel Social App concept

๐Ÿ”ฅ ๐Ÿ”ฅ Flutter Traveler's Social App Flutter representation of the Traveler's Social App found on dribbble. Star โญ the repo if you like what you see ๐Ÿ˜‰

Jan 1, 2023

Flutter Education app UI Concept

Flutter Education app UI Concept

edu_app Education UI Concept inspiration from dribbble The UI is not complete and I am working on it. If you have any suggestions please create a issu

Jan 6, 2023

Flutter representation of a Travel App Concept.

Flutter representation of a Travel App Concept.

Travel App UI Check out the new style for App Design aims for Travel App... ๐Ÿ˜‰ ๐Ÿ˜€ ๐Ÿ˜ ๐Ÿ˜Ž Star โญ the repo if you like what you see ๐Ÿ˜‰ . Screenshots Plea

Jul 28, 2022

Vpn app concept UI designed using flutter

Vpn app concept UI designed using flutter

VPN App - Flutter UI This project is an implementation of a Design i found on dribbble.com by Umar Aji Pratama โค๏ธ Found this project useful? If you fo

Nov 30, 2022

Flutter representation of a Grocery App Concept.

Flutter representation of a Grocery App Concept.

GroceryAppUI App UI Check out the new style for App Design aims for Grocery App... ๐Ÿ˜‰ ๐Ÿ˜€ ๐Ÿ˜ ๐Ÿ˜Ž Star โญ the repo if you like what you see ๐Ÿ˜‰ . Screensho

Jan 5, 2023
Owner
OLUWATOMISIN ESAN
OLUWATOMISIN ESAN
Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Rab Bar.

Gooey Tab Bar Flutter Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Tab Bar. About This component

Wilton Neto 216 Dec 14, 2022
https://dribbble.com/shots/3812962-iPhone-X-Todo-Concept Made With Flutter

?? FlutterTodo ?? Install Note: Make sure your Flutter environment is setup. In the command terminal, run the following commands: $ git clone https://

Marc L. 552 Dec 27, 2022
Proof of concept of Flutter running on CarPlay

CarPlay Flutter Widgets What is this? This is a proof of concept of a Flutter based app running on Apple CarPlay app. What can I use it for? You can u

Flutter Auto Technologies 7 Apr 9, 2022
a laundry app concept using flutter

Flutter UI Concept Made by Maadhav Sharma Subscribe to Code Decoders Youtube Follow me on Instagram Follow me on Twitter Follow me on Facebook My Webs

Maadhav Sharma 60 Dec 1, 2022
Login UI Concept made with flutter (2-in-1)

Flutter UI Concept Made by Maadhav Sharma Subscribe to Code Decoders Youtube Follow me on Instagram Follow me on Twitter My Website ScreenShots Design

Maadhav Sharma 145 Nov 22, 2022
App concept created with Flutter using Dart programming language, inspired by Groceries Shopping App Interaction.

Grocery Shop Flutter App concept created with Flutter using Dart programming language, inspired by Groceries Shopping App Interaction. About The app w

Wilton Neto 485 Dec 9, 2022
App concept created with Flutter inspired by Tasty Burger.

Hamburger Flutter App concept created with Flutter inspired by Tasty Burger. About The app was created to simulate all the system behind the inspirati

Wilton Neto 142 Dec 9, 2022
Twitch Concept UI Built With Flutter

Twitch Concept Proyecto basado en la idea original de Mao Lop. Plugins usados ca

Damiรกn Rincรณn Caรฑaveral 27 Oct 1, 2022
Hereโ€™s a Tinder Gold redesign concept for the popular dating app made with Flutter.

Tinder Gold redesign concept for the popular dating app made with Flutter, Hosted on Codemagic. Don't forget to star โญ the repo it motivates me to sha

Sanskar Tiwari 197 Jan 2, 2023
Flutter representation of a Travel App Concept.

English | ็ฎ€ไฝ“ไธญๆ–‡ ?? Flutter Travel App Concept Flutter representation of a Travel App Concept i found in Uplabs. It only consists of 2 screens. Star โญ t

Festus Olusegun 873 Jan 6, 2023