zeba_academy_neobrutalism #

A modern Neo-Brutalism UI toolkit for Flutter featuring thick borders, bold shadows, vibrant colors, cartoon-inspired components, and playful user interfaces.

Build eye-catching applications with ready-to-use Neo-Brutalist widgets that follow the latest Flutter and Material 3 standards.

✨ Features #

• 🎨 Thick bold borders
• 🌈 Vibrant color themes
• 📦 Brutalist cards
• 🔘 Cartoon-style buttons
• 🌑 Offset shadow effects
• ⚡ Lightweight and fast
• 📱 Responsive design
• 🎯 Material 3 compatible
• 🚀 Zero external dependencies

📸 Neo-Brutalism Design Style #

Neo-Brutalism combines:

• High contrast colors
• Strong borders
• Visible shadows
• Playful layouts
• Cartoon-inspired elements
• Bold typography

Perfect for:

• Startup apps
• Educational apps
• Creative portfolios
• Dashboard interfaces
• Learning platforms
• Experimental UI projects

🚀 Installation #

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_neobrutalism: ^1.0.0

Then run:

flutter pub get

Import:

import 'package:zeba_academy_neobrutalism/zeba_academy_neobrutalism.dart';

🎨 Themes #

The package includes multiple vibrant Neo-Brutalist themes.

MaterialApp(
  theme: NeoTheme.pinkTheme(),
);

Available themes:

NeoTheme.pinkTheme();
NeoTheme.blueTheme();
NeoTheme.greenTheme();
NeoTheme.yellowTheme();

🔘 NeoButton #

A cartoon-style button with thick borders and offset shadows.

NeoButton(
  text: 'Click Me',
  color: Colors.yellow,
  onPressed: () {
    print('Pressed');
  },
)

Features #

• Press animation
• Thick border
• Bold appearance
• Custom colors
• Responsive interaction

📦 NeoCard #

Brutalist card widget with strong visual hierarchy.

NeoCard(
  color: Colors.cyanAccent,
  child: Column(
    children: const [
      Text(
        'Brutalist Card',
        style: TextStyle(
          fontSize: 22,
          fontWeight: FontWeight.bold,
        ),
      ),
    ],
  ),
)

Features #

• Thick border
• Offset shadow
• Custom colors
• Flexible content

🧩 Complete Example #

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

void main() {
  runApp(const DemoApp());
}

class DemoApp extends StatelessWidget {
  const DemoApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: NeoTheme.pinkTheme(),
      home: Scaffold(
        appBar: AppBar(
          title: const Text(
            'Neo Brutalism Demo',
          ),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment:
                MainAxisAlignment.center,
            children: [
              NeoCard(
                color: Colors.cyanAccent,
                child: const Text(
                  'Brutalist Card',
                  style: TextStyle(
                    fontSize: 22,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
              const SizedBox(
                height: 24,
              ),
              NeoButton(
                text: 'Click Me',
                color: Colors.yellow,
                onPressed: () {},
              ),
            ],
          ),
        ),
      ),
    );
  }
}

🛣️ Roadmap #

Future releases may include:

• NeoTextField
• NeoBadge
• NeoDialog
• NeoSwitch
• NeoCheckbox
• NeoAvatar
• NeoAppBar
• NeoBottomNavigationBar
• Additional theme presets
• NeoScaffold
• NeoNavigationRail

🤝 Contributing #

Contributions are welcome.

If you would like to improve the package:

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Submit a pull request

Bug reports, feature requests, and suggestions are always appreciated.

📄 License #

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

👨‍💻 About Me #

✨ I'm Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.

You can learn more about me and my work at sufyanism.com or connect with me on LinkedIn.

🎓 Your All-in-One Learning Hub! #

🚀 Explore courses and resources in coding, tech, and development at zeba.academy and code.zeba.academy.

Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience.

Level up your tech game today! 💻✨

Zeba Academy is a learning platform dedicated to coding, technology, and development.

➡ Visit our main site: https://zeba.academy ➡ Explore courses and resources: https://code.zeba.academy ➡ YouTube: https://www.youtube.com/@zeba.academy ➡ Instagram: https://www.instagram.com/zeba.academy/

⭐ If you find this package useful, consider giving it a star and sharing it with the Flutter community.