NeuButton Flutter Package

The NeuButton Flutter package is a versatile and customizable solution for creating neumorphic-style buttons in your Flutter applications. Neumorphic buttons are known for their soft 3D appearance, making them perfect for enhancing the visual appeal of your user interface.

Example Neumorphic Buttons

Features

  • Customization: Create neumorphic buttons with different styles, sizes, and behaviors.
  • Neumorphic Styles: Choose from tonal, filled, or text styles for your buttons.
  • Size Options: Adjust the button size to suit your design preferences.
  • Icon Integration: Add icons to your buttons for a more informative UI.
  • Drop Shadow: Enable or disable a neumorphic-style drop shadow for your buttons.

Getting Started

To get started with the NeuButton package, follow these steps:

  1. Installation: Add the package to your Flutter project's dependencies by editing your pubspec.yaml file:

    dependencies:
      new_button: ^1.0.0
    
  2. Import the Package: Import the NeuButton package in your Dart file:

    import 'package:new_button/new_button.dart';
    
  3. Create Neumorphic Buttons: Utilize the NeuButton widget to design and customize your neumorphic buttons. The package provides three main button styles: tonal, filled, and text.

    NeuButton.tonal(
      label: 'Tonal Button',
      onPressed: () {
        // Add your action here
      },
    )
    
    NeuButton.filled(
      label: 'Filled Button',
      onPressed: () {
        // Add your action here
      },
    )
    
    NeuButton.text(
      label: 'Text Button',
      onPressed: () {
        // Add your action here
      },
    )
    

Usage

  • Customize the appearance and behavior of your neumorphic buttons by adjusting properties such as size, icon, and dropShadow.
  • Add custom actions or functionality to your buttons using the onPressed callback.
  • Experiment with different styles and sizes to achieve your desired user interface design.

Example

For a detailed example of how to use the NeuButton package, refer to the /example folder in the package repository.

Additional Information

  • GitHub Repository: NeuButton on GitHub
  • Issues and Contributions: We welcome contributions and issue reports from the community. Feel free to create issues or contribute to the package's development.
  • Support: If you have questions or need assistance, please reach out to the package authors and the Flutter community for support and discussions.

We hope the NeuButton package helps you enhance the visual appeal of your Flutter applications with neumorphic-style buttons. Enjoy designing and building beautiful user interfaces!

Libraries