Bootstrap.Avalonia.Toolkit 1.0.1

🌟 Bootstrap.Avalonia.Toolkit

Bringing the power, speed, and familiarity of utility-first design to Avalonia XAML desktop apps.

<div align="center">

Author	License	NuGet Status	Platform Support
Saiah Albert	MIT		Linux (Fedora Optimized), Windows, macOS

</div>

📝 Overview

Bootstrap.Avalonia.Toolkit is a modern styling library for Avalonia developers who want to rapidly prototype desktop UIs with minimal overhead.

Inspired by the utility-first philosophy of Bootstrap, it provides clean, modular XAML classes for:

• Spacing (margin, padding)
• Typography (headings, font weight, colors, alignment)
• Borders & rounded corners
• Components (cards, buttons, badges, progress bars)

By using these utility classes, you can build readable, maintainable interfaces without long <Style> blocks or resource dictionaries. Perfect for dashboards, system monitors, and productivity apps.

🛠 Installation & Integration

1. Install via NuGet

dotnet add package Bootstrap.Avalonia.Toolkit

2. Add Global Styles

Include the toolkit in your App.axaml so all classes are available throughout your app:

<Application.Styles>
    <FluentTheme />

    
    <StyleInclude Source="avares://Bootstrap.Avalonia.Toolkit/Styles/Bootstrap.axaml" />

    
    <StyleInclude Source="avares://Bootstrap.Avalonia.Toolkit/Styles/Bootstrap.Min.axaml" />

    
    <StyleInclude Source="avares://Bootstrap.Avalonia.Toolkit/Styles/Bootstrap.Map.axaml" />
</Application.Styles>

3. Declare Toolkit Namespace

In your Window or UserControl XAML:

xmlns:b="clr-namespace:Bootstrap.Avalonia.Toolkit;assembly=Bootstrap.Avalonia.Toolkit"

⚠️ Troubleshooting & Common Fixes

✨ Features & Utilities

These classes are designed to streamline styling directly in XAML, keeping interfaces readable and maintainable without heavy <Style> blocks.

🖼 Example: Dashboard Widget

<Border Classes="card p-3 m-2">
    <StackPanel>
        <TextBlock Classes="h4 text-primary" Text="CPU Usage" />
        <ProgressBar Value="65" Classes="progress-success" />
        <TextBlock Classes="text-muted small" Text="Updated: Just now" />
    </StackPanel>
</Border>

Notice how p-3 and m-2 handle spacing instantly, while text-primary and progress-success style the content cleanly—all without extra styles.

💡 Why Use Bootstrap.Avalonia.Toolkit?

• Rapid Prototyping: Apply styles directly in XAML with minimal setup.
• Consistency: Uniform spacing, colors, and typography across your app.
• Modularity: Components like cards, buttons, and badges are reusable.
• Open Source: Contributions are welcome, helping grow the Avalonia community.

🤝 Contributing & Community

Bootstrap.Avalonia.Toolkit is MIT-licensed. You can:

• Report issues or suggest improvements
• Submit pull requests with new utilities or components
• Improve documentation and examples

Your help can make Avalonia the most modern, designer-friendly UI framework for .NET desktop apps.