flutter_widget_catalogue 3.0.1 copy "flutter_widget_catalogue: ^3.0.1" to clipboard
flutter_widget_catalogue: ^3.0.1 copied to clipboard

Create awesome apps very faster with Flutter's collection of visual, structural, platform, UI, and interactive widgets.

Flutter Widget Catalogue #

pub package GitHub stars License: MIT Flutter Compatible Platform


A collection of visual, structural, platform-adaptive, and interactive widgets to help you build beautiful and functional Flutter apps faster.
🎯 100% Dart | πŸ’™ Flutter-ready | βœ… Easy to use | 🧩 Modular components


✨ Features #

πŸ”˜ Buttons #

  • Social Auth Buttons (Google, Facebook, Apple, etc.)
  • Rounded Buttons
  • Icon Buttons
  • Line Buttons
  • Gradient Buttons
  • Many more…

πŸ”„ Custom Switch #

Highly customizable Flutter switch widget:

  • Adjustable height, width, toggle size
  • Borders, colors, radius, icons, labels

πŸ’  Neumorphic UI Kit #

Ready-to-use Neumorphic-styled widgets:

  • Buttons, Switches, Containers, Sliders, Texts, Icons
  • Checkboxes, Toggles, Indicators, Range Sliders, and more

πŸ”€ Text Fields #

Fully customizable and themeable text input fields:

  • Outline, filled, underlined, or borderless styles
  • Support for icons, hint text, labels
  • Password visibility toggle, character counter, input formatter support
  • Focus, validation, and keyboard behavior control

πŸ“¦ Installation #

Add the dependency to your pubspec.yaml:

dependencies:
  flutter_widget_catalogue: <latest-version>

Then import it:

import 'package:flutter_widget_catalogue/flutter_widget_catalogue.dart';

πŸ–ΌοΈ Screenshots #

Neumorphic Widgets #

Buttons #

Switch #

TextField #


πŸ§ͺ Usage #

Buttons Example #

SuccessButton(title: "Success Button", onPressed: () {});
ButtonWithIcon(
  icon: Icons.local_cafe,
  title: "Icon Button",
  color: Colors.white,
  buttonColor: Colors.cyan,
  onPressed: () {},
);
GradientButton(
  onPressed: () {},
  splashColor: Colors.orange,
  colors: [Colors.red, Colors.orange],
  title: "Gradient Button",
);

Switch Example #

FlutterSwitch(
  width: 90.0,
  height: 45.0,
  toggleSize: 38.0,
  value: status,
  borderRadius: 24.0,
  padding: 2.0,
  toggleColor: Colors.white,
  switchBorder: Border.all(color: Colors.blueAccent, width: 3.0),
  activeColor: Colors.cyan,
  inactiveColor: Colors.grey.shade400,
  onToggle: (val) {
    setState(() {
      status = val;
    });
  },
);

TextField Example #

FlutterTextField(
  borderRadius: 50,
  hintText: "Fill Color",
  hintStyling: TextStyle(color: Colors.black),
  readOnly: false,
  fillColor: Colors.pink,
  borderColor: Colors.transparent,
  cursorColor: Colors.black,
);
FlutterTextField(
  iconBackgroundColor: Colors.black,
  borderRadius: 20,
  customTextFieldIcon: Icon(
  Icons.lock,
  color: Colors.black,),
  hintText: "Enter your password",
  isPasswordField: true,
  isIconShow: true,
  readOnly: false,
  fillColor: Colors.white,
  borderColor: Colors.black,
  cursorColor: Colors.black,
  leadingIconColor: Colors.black,
  labelName: "Password",
);
FlutterTextField(
  isIconShow: false,
  iconBackgroundColor: Colors.white10,
  borderRadius: 30,
  isNumber: true,
  hintText: "Enter your number",
  readOnly: false,
  borderColor: Colors.yellow,
  labelName: "Phone number",
  labelNameTextStyle: const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.w600),
);

βœ… Platform Support #

Platform Supported
Android βœ…
iOS βœ…
Web βœ…

πŸ“Œ Changelog #

Please see the CHANGELOG.md for a list of recent changes.


πŸ‘¨β€πŸ’» Contributors #


πŸ“ƒ License #

This project is licensed under the MIT License.

31
likes
160
points
170
downloads

Publisher

verified publishertechvoot.com

Weekly Downloads

Create awesome apps very faster with Flutter's collection of visual, structural, platform, UI, and interactive widgets.

Repository (GitHub)

Documentation

API reference

License

GPL-3.0 (license)

Dependencies

flutter, font_awesome_flutter

More

Packages that depend on flutter_widget_catalogue