A Very Good Flutter Package, packed with amazing Neubrutalism UI Components.
CC0-1.0 License
"Neubrutalism UI is a comprehensive UI kit for Flutter that incorporates the principles of Neubrutalism design. With this package, you can easily add beautiful and functional UI components to your Flutter app in a style that emphasizes simplicity and minimalism.
The package includes a variety of UI components such as buttons, cards, forms, and more, each designed with a subtle shadow and rounded corners that add depth and texture to your app. You can customize the appearance of each component to fit the specific needs of your app, including changing the border radius, depth, and color.
Whether you're a beginner or an experienced developer, Neubrutalism UI makes it easy to create elegant and functional UI components in Flutter that align with the principles of Neubrutalism design. With clear and concise documentation and easy installation instructions, you can start using the package in your app today."
v1.0.0
vs v2.0.0
✨Includes Breaking Changes (Refer to Changelog),
NeuTextButton(
borderColor: Colors.black,
shadowColor: Colors.black,
buttonHeight: 50,
buttonWidth: MediaQuery.of(context).size.width * 0.5,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: const [
Padding(
padding: EdgeInsets.all(8.0),
child: Text(
"Hello",
style: TextStyle(
fontSize: 20, fontWeight: FontWeight.w600),
),
),
],
),
),
NeuTextButton(
borderRadius: BorderRadius.circular(12),
buttonColor:
const Color.fromARGB(255, 236, 199, 211),
buttonHeight: 60,
buttonWidth: 100,
enableAnimation: true,
text: Text(
"Hello",
style: GoogleFonts.robotoCondensed(
textStyle: const TextStyle(
fontSize: 20,
fontWeight: FontWeight.w700,
),
),
),
),
enableAnimation=true
)Animations are currently mapped to the value fo offset provided in the offset
property in the NeuTextButton
and NeuIconButton
widgets.
(P.S: More the Value of the offset more will be the onPressed bounce animation Value.)
NeuTextButton(
borderRadius: BorderRadius.circular(12),
buttonColor:
const Color.fromARGB(255, 236, 199, 211),
buttonHeight: 60,
buttonWidth: 100,
enableAnimation: true,
text: Text(
"Hello",
style: GoogleFonts.robotoCondensed(
textStyle: const TextStyle(
fontSize: 20,
fontWeight: FontWeight.w700,
),
),
),
),
In-order to disable the container overflow behind the Bottom Nav we need to specify the following flags in both the Scaffold
and SafeArea
widget.
The NeuBottomNav contains some additional flags such as hideOnScroll
, enableFloating
etc:
Scaffold(
resizeToAvoidBottomInset: false,
extendBody: true,
child:SafeArea(
bottom: false,
))
See the open issues for a list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
git checkout -b feature/AmazingFeature
)git commit -m 'Add some AmazingFeature'
)git push origin feature/AmazingFeature
)choose the Staging branch From the Dropdown
)Distributed under the MIT License. See LICENSE for more information.