Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/deepraj02/neubrutalism_ui
A Very Good Flutter Package, packed with amazing Neubrutalism UI Components.
https://github.com/deepraj02/neubrutalism_ui
collaborate dart flutter github hacktoberfest learn neubrutalism package uikit
Last synced: 27 days ago
JSON representation
A Very Good Flutter Package, packed with amazing Neubrutalism UI Components.
- Host: GitHub
- URL: https://github.com/deepraj02/neubrutalism_ui
- Owner: deepraj02
- License: cc0-1.0
- Created: 2023-03-16T13:21:27.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-04-15T08:13:13.000Z (7 months ago)
- Last Synced: 2024-09-29T16:05:13.383Z (about 1 month ago)
- Topics: collaborate, dart, flutter, github, hacktoberfest, learn, neubrutalism, package, uikit
- Language: Dart
- Homepage: https://pub.dev/packages/neubrutalism_ui/
- Size: 632 KB
- Stars: 75
- Watchers: 3
- Forks: 8
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
neubrutalism_ui v2.0.0 🥳
   
## Table Of Contents
- [](#)
- [Examples:](#examples)
- [Roadmap](#roadmap)
- [Contributing](#contributing)
- [Creating A Pull Request](#creating-a-pull-request)
- [License](#license)
- [Authors](#authors)
## About The Project
"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."
## Built With [Flutter](https://flutter.dev/) 💙
## Getting Started
# What's the Difference !!! `v1.0.0` vs `v2.0.0`✨
Includes Breaking Changes (Refer to Changelog),
```dart
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),
),
),
],
),
),
```
```dart
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,
),
),
),
),
```
# Usage
### NeuTextButton with Customization (v2.0.0) : Enable Cool Animation
#### (Set `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.)
```dart
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,
),
),
),
),
```
### The Neu - NeuBottomNav
#### Usage ans Setup
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:
```dart
Scaffold(
resizeToAvoidBottomInset: false,
extendBody: true,
child:SafeArea(
bottom: false,
))
```
#### Examples:
## Roadmap
See the [open issues](https://github.com/deepraj02/neubrutalism_ui/issues) for a list of proposed features (and known issues).
## Contributing
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**.
* If you have suggestions for adding or removing projects, feel free to [open an issue](https://github.com/deepraj02/neubrutalism_ui/issues/new) to discuss it, or directly create a pull request after you edit the *README.md* file with necessary changes.
* Please make sure you check your spelling and grammar.
* Create individual PR for each suggestion.
### Creating A Pull Request
- Fork the Project
- Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
- Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
- Push to the Branch (`git push origin feature/AmazingFeature`)
- Open a Pull Request (`choose the Staging branch From the Dropdown`)
## License
Distributed under the MIT License. See [LICENSE](https://github.com/deepraj02/neubrutalism_ui/blob/master/LICENSE.md) for more information.
## Author
* **Deepraj Baidya** - *Flutter SDE Intern* - [Deepraj Baidya](https://github.com/deepraj02) - *🤔*
## Contributors
