Tailwind Resources Logo Tailwind Resources
Makani screenshot

Makani

Author Avatar Theme by Getspacetime
Updated: 11 Oct 2023
60 Stars

Collection of UI components built specifically for .NET MAUI Blazor

Github

Categories

Ui kits & component libraries

Overview

Makani is a library of headless UI components for Blazor, designed to be lightweight, performant, and customizable. It is built on the Tailwind CSS framework and is primarily focused on providing a powerful set of components that work seamlessly with .NET MAUI Blazor.

Features

  • Lightweight and performant UI components for .NET MAUI Blazor.
  • Built on the Tailwind CSS framework.
  • Easy customization of components using Tailwind CSS.
  • Components are designed to be composable, extensible, and performant.

Installation

To install Makani, follow these steps:

  1. Install via NuGet.
  2. Update your _Imports.razor file.
  3. Add Makani to your project.
  4. Add static assets.
  5. Build your project.

To use syntax highlighting feature, additional steps are required:

  • Add the appropriate theme to the <head> section of your index.html file.
  • Add the necessary JavaScript code to the <body> section of your index.html file.

For further customization with Tailwind CSS:

  • Install the Tailwind CLI.
  • Configure the .razor and index.html files in tailwind.config.js.
  • Add the Tailwind CSS to your index.html file.

Summary

Makani is a headless UI component library for Blazor, with a focus on compatibility with .NET MAUI Blazor and integration with the Tailwind CSS framework. It provides lightweight, performant, and customizable UI components for building Blazor applications. While still under active development, Makani aims to offer an easy-to-use and highly customizable solution for developers working with Blazor.