neumorphic 0.1.2

Neumorphic UI. Implementation of Neumorphism user interface consisting of sets of principles and widgets for the Flutter framework

Neumorphic Ui kit for flutter

Getting Started

In your flutter project add the dependency:

dependencies:
  neumorphic: any

For help getting started with Flutter, view the online documentation.

Api

Now implemented some widgets:

• NeuCard
• NeuButton
• NeuSwitch

NeuCard

It is container like a Material merged with Container, but implement Neumorphism

NeuCard(
  // State of Neumorphic (may be convex, flat & emboss)
  curveType: CurveType.concave,

  // Elevation relative to parent. Main constituent of Neumorphism
  bevel: 12,

  // Specified decorations, like `BoxDecoration` but only limited
  decoration: NeumorphicDecoration(
    borderRadius: BorderRadius.circular(8)
  ),

  // Other arguments such as margin, padding etc. (Like `Container`)
  child: Text('Container')
)

NeuButton

Button automatically when pressed toggle the status of NeumorphicStatus from concave to convex and back

NeuButton(
  onPressed: () {
    print('Pressed !');
  },
  child: Text('Button'),
);

NeuSwitch

Remade CupertinoSlidingSegmentedControl

NeuSwitch<int>(
  onValueChanged: (val) {
    setState(() {
      switchValue = val;
    });
  },
  groupValue: switchValue,
  children: {
    0: Padding(
      padding: EdgeInsets.symmetric(vertical: 24, horizontal: 8),
      child: Text('First'),
    ),
    1: Padding(
      padding: EdgeInsets.symmetric(vertical: 24, horizontal: 8),
      child: Text('Second'),
    ),
  },
);

Inspired by

1. Alexander Plyuto (figma)

2. Ivan Cherepanov (medium)