The League of Legends Math UI is React Component library made to look similar to the League of Legends client. It is used in the LoL Math website
npm install @lolmath/uiImport the global CSS file and fonts into your project.
import "@lolmath/ui/font/beaufort";
import "@lolmath/ui/font/spiegel";
import "@lolmath/ui/css";Optionally, you can use the tailwind plugin to get League of Legends colors and fonts.
import { lolmathui } from "@lolmath/ui/plugin";
/** @type {import('tailwindcss').Config} */
export default {
content: [],
theme: {
extend: {},
},
plugins: [lolmathui],
};