Skip to content

8/Avalonia.Tailwind

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages