Windy UI

screenshot of Windy UI
tailwind

A Tailwind CSS based component library for Blazor. Inspired by Tailwind UI.

Overview:

Windy UI is a UI sample library for Blazor that uses Tailwind CSS. The goal of the project is to make it easier to use Tailwind CSS with Blazor by providing a practical starting point instead of having to start from scratch. While Windy UI is not yet a fully complete UI Library in the form of a nuget package, it currently serves as a guide for writing a component library based on Tailwind CSS.

Features:

  • Buttons: Windy UI includes a variety of button styles.
  • Cards: The library provides pre-styled card components for easy use.
  • Form elements: Windy UI offers form elements with complete validation support.
  • Icons: The library uses Hero Icons to provide a range of icon options.
  • Modals: Windy UI includes pre-built modal components.
  • Navigation elements: Various navigation elements are implemented in the library.
  • Notifications: Windy UI offers pre-designed notification components.
  • Table: The library provides table components ready for use.
  • Tabs: Windy UI includes pre-built tab components for easy implementation.
  • Typography: Windy UI offers pre-styled typography options.

Summary:

Windy UI is a UI sample library for Blazor that is based on Tailwind CSS. Although it is not yet available as a fully complete UI Library, it serves as a practical guide for creating a component library using Tailwind CSS. The library includes various components such as buttons, cards, form elements with validation support, icons (using Hero Icons), modals, navigation elements, notifications, tables, tabs, and pre-styled typography options. With the easy installation process, Windy UI offers a convenient way to utilize Tailwind CSS in Blazor projects.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.