🌟 FlutStrap

FlutStrap is a Flutter UI library inspired by Bootstrap. It provides ready‑to‑use components, responsive layouts, and theming utilities to help you build Flutter apps faster and more consistently.

❓ Why FlutStrap?

FlutStrap brings the familiar design philosophy of Bootstrap into Flutter:

⚡ Pre‑built UI components
📱 Responsive grid and layout utilities
🎨 Built‑in light/dark theming
📏 Consistent spacing system
🧩 Developer‑friendly APIs

📦 Installation

Add FlutStrap to your pubspec.yaml:

dependencies:
  flutstrap: ^0.0.2

Then run:

flutter pub get

Finally, import FlutStrap into your Dart code:

import 'package:flutstrap/flutstrap.dart';

🚀 Quick Example

Ensure your app is wrapped with the FlutStrap theme:

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

void main() {
  runApp(
    MaterialApp(
      home: FSTheme(
        data: FSThemeData.light(), // or FSThemeData.dark()
        child: MyApp(),
      ),
    ),
  );
}

Using a FlutStrap button:

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 wide range of UI elements:

Alerts, Badges, Buttons, Cards
Dropdowns, Forms, Modals, Navbars
Paginations, Progress bars, Spinners
Tables, Tooltips

📐 Layouts

Responsive layout utilities:

Rows & Columns
Containers & Grids
Visibility controls

⚙️ Core Features

Responsive breakpoints for mobile, tablet, desktop
Spacing utilities for consistent padding/margins
Theming support for colors, typography, and styles
Animation utilities (fade, scale, sequence, transitions)

📖 Documentation

Hosted docs: flutstrap.netlify.app
Full source & docs: GitHub Repository
Example app included in example/

🤝 Contributing

Contributions are welcome!
Open issues or submit pull requests on GitHub.

📄 License

Licensed under the MIT License.
You are free to use, modify, and distribute this library.

Libraries

animations/animation_sequences
animations/fade_in
animations/index: Basic animation widgets for common use cases
animations/scale_animation
animations/slide_transition
components/alerts/index: Flutstrap Alert Components
components/badges/index: Flutstrap Badge Components
components/buttons/index: Flutstrap Button Components
components/cards/index: Flutstrap Card Components
components/code_viewer
components/dropdowns/index: Flutstrap Dropdown Components
components/forms/index: Flutstrap Form Components
components/index: Flutstrap UI Components
components/modals/index: Flutstrap Modal Components
components/navbars/index: Flutstrap Navbar Components
components/paginations/index: Flutstrap Pagination Components
components/progress/index: Flutstrap Progress Components
components/spinners/index: Flutstrap Spinner Components
components/tables/index: Flutstrap Table Components
components/tooltips/index: Flutstrap Tooltip Components
core/breakpoints
core/index: Flutstrap Core Utilities
core/spacing: Flutstrap Spacing System
core/theme
flutstrap
layout/flutstrap_container: Flutstrap Container - ENHANCED VERSION
layout/index: Flutstrap Layout Components
main
themes/flutstrap_theme
themes/flutstrap_theme_dark
themes/flutstrap_theme_light
themes/index: Flutstrap Themes
animations/animation_types Animations Foundation: Flutstrap Animation Type System
animations/animation_utils Animations Utilities: Flutstrap Animation Utilities
components/badges/flutstrap_badge Badges Components: Flutstrap Badge
components/buttons/flutstrap_button Buttons Components: Flutstrap Button
components/alerts/flutstrap_alert Components Feedback: Flutstrap Alert
components/badges/flutstrap_badge Badges Components: Flutstrap Badge
components/buttons/flutstrap_button Buttons Components: Flutstrap Button
components/cards/flutstrap_card Components Layout: Flutstrap Card
components/dropdowns/flutstrap_dropdown Components Forms: Flutstrap Dropdown
components/forms/flutstrap_checkbox Components Forms: Flutstrap Checkbox
components/forms/flutstrap_form_group Components Forms: Flutstrap Form Group
components/forms/flutstrap_input Components Forms: Flutstrap Input
components/forms/flutstrap_radio Components Forms: Flutstrap Radio
components/forms/flutstrap_textarea Components Forms: Flutstrap TextArea
components/modals/flutstrap_modal Components Overlays: Flutstrap Modal
components/navbars/flutstrap_navbar Components Navigation: Flutstrap Navbar
components/paginations/flutstrap_pagination Components Navigation: Flutstrap Pagination
components/progress/flutstrap_progress Components Feedback: Flutstrap Progress Bar
components/spinners/flutstrap_spinner Components Feedback: Flutstrap Spinner
components/tables/flutstrap_table Components Data Display: Flutstrap Table
components/tooltips/flutstrap_tooltip Components Overlays: Flutstrap Tooltip
layout/flutstrap_col Components Layout: Flutstrap Column
layout/flutstrap_grid Components Layout: Flutstrap Grid System - COMPLETELY FIXED VERSION
layout/flutstrap_row Components Layout: Flutstrap Row
layout/flutstrap_visibility Components Layout: Flutstrap Visibility Utilities - PERFECTED VERSION
core/error_boundary Core Utilities: Flutstrap Error Boundary
core/responsive Core Layout Responsive: Flutstrap Responsive System
core/utils Core Utilities: Flutstrap Core Utilities
components/tables/flutstrap_table Components Data Display: Flutstrap Table
components/alerts/flutstrap_alert Components Feedback: Flutstrap Alert
components/progress/flutstrap_progress Components Feedback: Flutstrap Progress Bar
components/spinners/flutstrap_spinner Components Feedback: Flutstrap Spinner
components/dropdowns/flutstrap_dropdown Components Forms: Flutstrap Dropdown
components/forms/flutstrap_checkbox Components Forms: Flutstrap Checkbox
components/forms/flutstrap_form_group Components Forms: Flutstrap Form Group
components/forms/flutstrap_input Components Forms: Flutstrap Input
components/forms/flutstrap_radio Components Forms: Flutstrap Radio
components/forms/flutstrap_textarea Components Forms: Flutstrap TextArea
animations/animation_types Animations Foundation: Flutstrap Animation Type System
components/cards/flutstrap_card Components Layout: Flutstrap Card
core/responsive Core Layout Responsive: Flutstrap Responsive System
layout/flutstrap_col Components Layout: Flutstrap Column
layout/flutstrap_grid Components Layout: Flutstrap Grid System - COMPLETELY FIXED VERSION
layout/flutstrap_row Components Layout: Flutstrap Row
layout/flutstrap_visibility Components Layout: Flutstrap Visibility Utilities - PERFECTED VERSION
components/navbars/flutstrap_navbar Components Navigation: Flutstrap Navbar
components/paginations/flutstrap_pagination Components Navigation: Flutstrap Pagination
components/modals/flutstrap_modal Components Overlays: Flutstrap Modal
components/tooltips/flutstrap_tooltip Components Overlays: Flutstrap Tooltip
core/responsive Core Layout Responsive: Flutstrap Responsive System
animations/animation_utils Animations Utilities: Flutstrap Animation Utilities
core/error_boundary Core Utilities: Flutstrap Error Boundary
core/utils Core Utilities: Flutstrap Core Utilities

🌟 FlutStrap

FlutStrap is a Flutter UI library inspired by Bootstrap. It provides ready‑to‑use components, responsive layouts, and theming utilities to help you build Flutter apps faster and more consistently.

❓ Why FlutStrap?

📦 Installation

🚀 Quick Example

🧩 Components

📐 Layouts

⚙️ Core Features

📖 Documentation

🤝 Contributing

📄 License

Libraries

Animations

Badges

Buttons

Components

Core

Data Display

Feedback

Forms

Foundation

Layout

Navigation

Overlays

Responsive

Utilities

flutstrap package