avishek_buttons 0.0.1 copy "avishek_buttons: ^0.0.1" to clipboard
avishek_buttons: ^0.0.1 copied to clipboard

You can utilize Flutter's Neumorphic package, which provides a range of widgets to achieve this design style. Here's how you can create four neumorphic buttons with different styles.

Features #

TODO: The "Neumorphic" package in Flutter allows you to create visually appealing neumorphic-style buttons. These buttons can be customized to have different styles, including tonal and filled designs, resulting in soft 3D effects that enhance the user interface.

Getting started #

You can utilize the "Neumorphic" package in your Flutter project to implement neumorphic buttons. To get started, add the package to your project's dependencies in the pubspec.yaml file:

dependencies:
  neumorphic: ^2.2.0

Then, run flutter pub get to install the package.

Usage #

To create neumorphic buttons with different styles, follow these simple examples:

  1. Tonal Button:

    • Use the Neumorphic widget with the NeumorphicStyle.tonal() to create a soft and tonal neumorphic button.
    Neumorphic(
      style: NeumorphicStyle.tonal(),
      child: ElevatedButton(
        onPressed: () {
          // Add your action here
        },
        child: Text('Tonal Button'),
      ),
    )
    
  2. Filled Button:

    • Utilize the Neumorphic widget with the NeumorphicStyle.concave() to design a pronounced and filled neumorphic button.
    Neumorphic(
      style: NeumorphicStyle.concave(),
      child: ElevatedButton(
        onPressed: () {
          // Add your action here
        },
        child: Text('Filled Button'),
      ),
    )
    

Remember to customize the buttons according to your design preferences and attach the desired actions to them.

Additional information #

For more information about the "Neumorphic" package and its features, you can visit the package's official documentation on pub.dev.

To contribute to the package or report any issues, you can find the source code and repository on GitHub. You can also reach out to the package authors and the Flutter community for support and discussions.

The package authors are usually responsive to issues and open to contributions from the community, ensuring that the package continues to evolve and improve.

2
likes
140
points
36
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

You can utilize Flutter's Neumorphic package, which provides a range of widgets to achieve this design style. Here's how you can create four neumorphic buttons with different styles.

Homepage

License

MIT (license)

Dependencies

flutter

More

Packages that depend on avishek_buttons