Shiraha

<div align="center"> <a href="https://github.com/importantimport/shiraha"> <img src="docs/public/favicon.svg" alt="shiraha" width="192px" /> </a> </div> <h1 align="center">Shiraha</h1> <p align="center">Material 3-inspired Classless CSS Framework. [WIP]</p> <div align="center">

<kbd><br> Storybook <br></kbd> <kbd><br> Open in Stackblitz <br></kbd> <kbd><br> Lume Theme Shiraha <br></kbd>

</div>

---

<!-- ## ✨ Features ### Tight integration with `material-color-utilities` [WIP] Use the dynamic color scheme from the MCU in the way you like. ### Built for semantic HTML [WIP] HTML gets better with [semantic elements](https://developer.mozilla.org/en-US/docs/Glossary/Semantics), [microdata](https://developer.mozilla.org/en-US/docs/Web/HTML/Microdata) and [microformats](https://developer.mozilla.org/en-US/docs/Web/HTML/microformats). Shiraha is ready for Machine-readable HTML. ### Compatible with some Rehype plugins [WIP] Shiraha defaults to setting styles for Rehype plugins like `rehype-pretty-code`, `rehype-autolink-heading`, etc. -->

✨ Rewrite

Shiraha is being rewritten using Vanilla Extract!

The new documentation is temporarily deployed at https://shiraha.js.org/ve and you can see the source code at shiraha-ve and docs-ve.

👥 Contributing

Welcome! Shiraha is still in the early stages of development and I would be happy to merge Pull Requests.

You might want to look: CONTRIBUTING.md

📝 Documentation

The documentation is located in the docs folder and can be viewed from shiraha.js.org.

📦️ Packages

Shiraha

Material 3-inspired Classless CSS Framework.

<link rel="stylesheet" href="https://unpkg.com/shiraha" />

Shiraha Colors

A browser script that will automatically extract the theme color from your current page.

<script type="module" src="https://esm.run/shiraha-colors" async></script>

📄 License

This work is free, it comes without any warranty. You can redistribute it and/or modify it under the terms of the Do What The Fuck You Want To Public License, Version 2, as published by Sam Hocevar. See the COPYING file for more details.