🌈 Flutter Gradient Bordered Button 🌈

The Flutter Gradient Bordered Button is a versatile and customizable widget that empowers Flutter developers to effortlessly create stylish buttons with gradient borders programmatically. This feature-rich package enhances the visual appeal of your Flutter applications by adding gradient borders to buttons, giving them an eye-catching and modern look.

Key Features:

🎨 Gradient Border Creation: Easily generate buttons with gradient borders using just a few lines of code. Apply gradients with customizable colors, angles, and opacities to match your app's design aesthetics. Whether you want a subtle gradient or a vibrant and attention-grabbing border, this widget has you covered.
✨ Flexible Customization: Customize various aspects of the buttons, including the gradient colors, border radius, padding, text style, and more. Tailor the buttons to your app's brand colors and overall theme, ensuring a consistent and delightful user experience.
🔳 Support for Multiple Shapes: Not limited to just rectangular buttons! The widget supports various shapes like circular, rounded, or even custom clip paths, allowing you to create unique and captivating button designs. Combine different shapes with gradient borders to make your buttons stand out in the crowd.
📱 Responsive Design: The buttons adapt seamlessly to different screen sizes and orientations, ensuring a consistent user experience across devices. Whether your users are on smartphones, tablets, or larger screens, the gradient bordered buttons will scale gracefully.
⚙️ Easy Integration: With clear documentation and simple usage, integrating gradient bordered buttons into your app is a breeze. Save development time and effort, allowing you to focus on building other core functionalities of your app.

Banner Example:

import 'package:flutter/material.dart';
import 'package:flutter_gradient_bordered_button/flutter_gradient_bordered_button.dart';

class MyButtonScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('My App')),
      body: Center(
        child: GradientBorderedButton(
          child: Text(
            'Click Me',
            style: TextStyle(color: Colors.white, fontSize: 20),
          ),
          borderRadius: BorderRadius.circular(8),
          gradient: LinearGradient(
            colors: [Colors.blue, Colors.purple],
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
          ),
          borderWidth: 2,
          onPressed: () {
            // Handle button press
          },
        ),
      ),
    );
  }
}

📝 License:

Flutter Gradient Bordered Button is licensed under the MIT License, which permits you to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the software. Please see the LICENSE file for more details.

🤝 Contributing:

Contributions to Flutter Gradient Bordered Button are more than welcome! If you have ideas, bug fixes, or improvements, please feel free to submit a pull request or create an issue on the GitHub repository. Let's collaborate to make this widget even better for the Flutter community. For guidelines on contributing, please refer to the CONTRIBUTING.md file.

📚 Documentation:

Find detailed usage instructions, examples, and more in the documentation.

🚀 Get Started:

To start using Flutter Gradient Bordered Button in your project, add the following dependency to your pubspec.yaml file:

dependencies:
  flutter_gradient_bordered_button: ^1.0.0

Don't forget to run flutter pub get to fetch the package.

Add some flair to your Flutter app's buttons with gradient borders, and create an unforgettable user interface with the Flutter Gradient Bordered Button package! 💫🚀 Embrace the power of gradients to captivate your users and take your app's design to the next level. Happy coding! 😊

CodePhilanthropist / flutter-gradient-bordered-button

🌈 Flutter Gradient Bordered Button 🌈

About