Tailwind.Avalonia 0.0.1

.NET 9.0 This package targets .NET 9.0. The package is compatible with this framework or higher. 
dotnet add package Tailwind.Avalonia --version 0.0.1                

                    
                

            
NuGet\Install-Package Tailwind.Avalonia -Version 0.0.1
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Tailwind.Avalonia" Version="0.0.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add Tailwind.Avalonia --version 0.0.1                

                    
                

            
#r "nuget: Tailwind.Avalonia, 0.0.1"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install Tailwind.Avalonia as a Cake Addin
#addin nuget:?package=Tailwind.Avalonia&version=0.0.1

// Install Tailwind.Avalonia as a Cake Tool
#tool nuget:?package=Tailwind.Avalonia&version=0.0.1

README

This is repository contains an experimental Extension to AvaloniaUI that tests the feasibility of implementing a utility-first css framework like tailwindcss for AvaloniaUI.

What does that mean?

To style controls you just some of the classes that are pre-generated by the framework. Scroll down for some examples.

Examples

Buttons

Simple Win10 like button

win10-button

Misc

User Card

user-card

Alerts

Classic

classic-alert

Danger

danger-alert

Modern

modern-alert

Warning

warning-alert

Getting started

It's a prototype. You clone the repo and start the example app.

Questions

How does it work?

A ton of style permutations are automatically generated and added to the resources of the application.

As soon as you add a class, the associated setter is applied.

The names of the classes follow easy to remember patterns and they restrict your choices just enough to get a consistent look without while still being flexible.

Why would you want to do this?

Because tailwindcss hits the sweetspot between flexibility and productivity that I am missing when developing native applications.

How can I learn more?

If you haven't checked out tailwindcss yet, I encourage you to take a look and use it for your next SPA or website. Take a look at their great website at https://tailwindcss.com.

Is this a good idea?

I am not sure yet. It's a prototype.

Product Compatible and additional computed target framework versions.
.NET net9.0 is compatible. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.0.1 100 11/14/2024