neuomorphic_container 2.0.1 copy "neuomorphic_container: ^2.0.1" to clipboard
neuomorphic_container: ^2.0.1 copied to clipboard

outdated

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

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.

59
likes
0
pub points
38%
popularity

Publisher

verified publishertomisinesan.com

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

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on neuomorphic_container