neo_brutalism

Description:

neo brutalism

Neo Brutalism Widgets
Commonly used flutter widgets in the Neo Brutalism style



Live Example : https://neo-brutalism.web.app/ #
Note #
This package was made because I really enjoy the aesthetic of Neo Brutalism and was using it in a few of my projects
and wanted to create a shared package that I thought I would share with the community
Usage #
You can customize each widget's shadow color, shadow offset, and background color.
All widgets react to light and dark mode and get default values from the default theme.
NeoContainer(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Text(
'NeoContainer',
style: Theme.of(context).textTheme.bodyLarge,
),
),
)
copied to clipboard
Features #
NeoContainer #
A wrapper for a basic container
NeoContainer(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Text(
'NeoContainer',
style: Theme.of(context).textTheme.bodyLarge,
),
),
)
copied to clipboard
NeoIconButton #
A simple IconButton that can be circle or rectangle
NeoIconButton(
shape: BoxShape.rectangle,
icon: Icons.add,
onTap: () {},
)
copied to clipboard
NeoFab #
Similar to the NeoIconButton but with an optional label and the ability to expand/collapse
NeoFab(
expanded: expanded.value,
text: 'Add to cart',
icon: Icons.add,
onPressed: () => expanded.value = !expanded.value,
)
copied to clipboard
NeoTextField #
NeoTextField(
hintText: 'Search',
fillColor: Theme.of(context).colorScheme.primaryContainer,
foregroundColor: Theme.of(context).colorScheme.onPrimaryContainer,
)
copied to clipboard
NeoSegmentedTabBar #
NeoSegmentedTabBar(
tabs: const ['Tab 1', 'Tab 2', 'Tab 3'],
onTabSelected: (index) => selectedIndex.value = index,
selectedIndex: selectedIndex.value,
tabConfig: TabConfig(
borderRadius: 0.0,
shadowColor: Theme.of(context).colorScheme.primary,
foregroundColor: Theme.of(context).colorScheme.primary,
),
)
copied to clipboard
The NeoSegmentedTabBar also has an optional TabConfig property for additional customization
final double borderRadius;
final Color? backgroundColor;
final Color? foregroundColor;
final Color shadowColor;
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter