LoL Math UI#

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

Installation#

npm install @lolmath/ui

Usage#

Import the global CSS file and fonts into your project.

import "@lolmath/ui/font/beaufort";
import "@lolmath/ui/font/spiegel";
import "@lolmath/ui/css";

TailwindCSS Plugin#

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],
};

Client-side Routing#

See react-aria-components

Links#

• Documentation.
• Storybook.
• NPM Package.
• Repository