neubrutalism_ui 0.2.0 copy "neubrutalism_ui: ^0.2.0" to clipboard
neubrutalism_ui: ^0.2.0 copied to clipboard

A Flutter package that provides a set of Neubrutalism-style UI components that you can use to build beautiful and functional user interfaces for your apps. The package includes components such as butt [...]

example/lib/main.dart

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

void main() => runApp(Main());

class Main extends StatelessWidget {
  final TextEditingController _editingController = TextEditingController();
  Main({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        backgroundColor: Colors.white,
        body: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          //crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Neubrutalism.neuTextButton(
              buttonColor: Colors.teal,
              buttonHeight: 60,
              borderWidth: 2,
              onPressed: () {
                debugPrint("object");
              },
              buttonWidth: 300,
            ),
            Neubrutalism.neuImageCard(
                cardImage: Image.network(
                  "https://images.unsplash.com/photo-1674574124345-02c525664b65?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80",
                  fit: BoxFit.cover,
                ),
                cardColor: Colors.teal,
                cardHeight: 300,
                cardWidth: 300,
                paddingData: const EdgeInsets.all(10),
                cardBorderWidth: 3,
                shadowBlur: 10,
                shadowBlurRadius: 1,
                blurGeometry: const Offset(5, 4)),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                Neubrutalism.neuIconButton(
                  icon: const Icon(
                    Icons.add,
                    size: 30,
                  ),
                  buttonColor: const Color.fromARGB(213, 235, 227, 13),
                  buttonHeight: 70,
                  buttonWidth: 70,
                  borderWidth: 3,
                  onPressed: () {},
                  borderRadius: BorderRadius.circular(5),
                  paddingData: const EdgeInsets.all(1),
                ),
                Neubrutalism.neuIconButton(
                  icon: const Icon(
                    Icons.remove,
                  ),
                  buttonColor: const Color.fromARGB(212, 13, 235, 224),
                  buttonHeight: 70,
                  buttonWidth: 70,
                  borderWidth: 3,
                  onPressed: () {},
                  borderRadius: BorderRadius.circular(5),
                  paddingData: const EdgeInsets.all(5),
                ),
              ],
            ),
            Neubrutalism.neuSearchBar(
              hintText: "Search",
              searchBarHeight: 70,
              searchBarIcon: const Icon(Icons.search),
              searchBarWidth: 300,
              borderRadius: BorderRadius.circular(15),
              searchController: _editingController,
            )
          ],
        ),
      ),
    );
  }
}
58
likes
135
pub points
76%
popularity

Publisher

unverified uploader

A Flutter package that provides a set of Neubrutalism-style UI components that you can use to build beautiful and functional user interfaces for your apps. The package includes components such as buttons, cards, forms, and icons, all with a unique, modern design that's inspired by the Neubrutalism design philosophy.

Repository (GitHub)
View/report issues
Contributing

Documentation

API reference

License

CC0-1.0 (license)

Dependencies

flutter

More

Packages that depend on neubrutalism_ui