flutstrap 0.0.1

A Flutter UI library inspired by Bootstrap with responsive layouts and prebuilt components.

🌟 FlutStrap

FlutStrap is a Flutter UI library inspired by Bootstrap. It provides ready-to-use UI components, responsive layouts, and light/dark theming to help you build Flutter apps quickly and efficiently.

Whether you're building a small project or a complex application, FlutStrap provides essential UI components and layout utilities to accelerate Flutter development.

---

❓ Why FlutStrap?

FlutStrap brings the familiar design philosophy of Bootstrap to Flutter.

Key advantages include:

• ⚡ Pre-built UI components
• 📱 Responsive layout utilities
• 🎨 Built-in theming support
• 📏 Consistent spacing system
• 🧩 Developer-friendly APIs

---

📦 Installation

Add FlutStrap to your pubspec.yaml:

dependencies:
  flutstrap: ^0.0.1

Then run:

flutter pub get

Alternative Installation (GitHub)

You can also install directly from GitHub:

dependencies:
  flutstrap:
    git:
      url: https://github.com/Broadmaker/FlutStrap.git
      ref: main

Then run:

flutter pub get

---

🚀 Quick Example

Below is a simple example using FlutStrap components.

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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: FlutstrapButton(
          label: "Click Me",
          onPressed: () {
            print("FlutStrap Button Pressed");
          },
          variant: FSButtonVariant.success,
        ),
      ),
    );
  }
}

---

🧩 Components

FlutStrap includes a variety of UI components that make it easy to build beautiful Flutter applications.

• Alerts – Show important messages or notifications to the user.
• Badges – Display labels or counts for items.
• Buttons – Different button styles including primary, secondary, and disabled states.
• Cards – Container widgets used to display grouped content.
• Dropdowns – Interactive dropdown menus.
• Forms – Form elements including checkboxes, radio buttons, and text inputs.
• Modals – Popup dialogs to display additional content.
• Navbars – Responsive navigation bars.
• Paginations – Pagination controls for multi-page content.
• Progress – Progress bars for loading states.
• Spinners – Animated loading indicators.
• Tables – Structured and responsive tables.
• Tooltips – Informational hints for UI elements.

---

📐 Layouts

FlutStrap provides layout utilities to help structure Flutter apps efficiently and responsively.

🧩 Key Layout Utilities

• Columns
  Divide your layout into columns for flexible responsive designs.

• Containers
  Wrap content to control width, padding, alignment, and styling.

• Grids
  Build responsive grid systems that adapt across screen sizes.

• Rows
  Organize content horizontally and combine with columns for grid layouts.

• Visibility
  Control when widgets appear depending on device size or conditions.

---

⚙️ Core Features

FlutStrap provides core utilities that power layouts, spacing, and responsiveness.

🧩 Core Utilities

• Responsive Layouts
  Automatically adjust UI layouts based on screen size.

• Spacings
  Maintain consistent padding and margins across your application.

• Breakpoints
  Define responsive breakpoints for mobile, tablet, and desktop layouts.

• Themes
  Manage global color schemes, typography, and component styles.

• Utilities
  Helper widgets and functions for alignment, positioning, and layout control.

---

📸 Preview

Screenshots of FlutStrap components will be added soon.

Example preview layout:

Buttons	Alerts

---

⚡ Contribution

We welcome contributions!

If you have suggestions, improvements, or bug fixes:

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

Your contributions help improve FlutStrap for everyone.

---

💬 Support

If you have questions or encounter issues, feel free to open an issue on the GitHub repository.

---

📄 License

FlutStrap is licensed under the MIT License.
You are free to use, modify, and distribute this library in your own projects.