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:
- Install via NuGet.
- Update your
_Imports.razorfile. - Add Makani to your project.
- Add static assets.
- Build your project.
To use syntax highlighting feature, additional steps are required:
- Add the appropriate theme to the
<head>section of yourindex.htmlfile. - Add the necessary JavaScript code to the
<body>section of yourindex.htmlfile.
For further customization with Tailwind CSS:
- Install the Tailwind CLI.
- Configure the
.razorandindex.htmlfiles intailwind.config.js. - Add the Tailwind CSS to your
index.htmlfile.
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.