Introduction
League-inspired components. Open by design.
Hextech UI is a collection of React components with gold frames, Hextech colors and keyboard interactions. Add the source to your app, then make it yours.
Installation
Add your first component with the shadcn CLI.
Components
Try a preview and copy the example code.
Getting started
Use components in Next.js or Vite.
Theming
Choose light or dark and adjust the tokens.
Built for React
Components use TypeScript, Tailwind CSS v4 and Base UI where a matching primitive is available. JavaScript projects receive JSX/JS through the CLI. The library works with Next.js and Vite; install advanced components only when you need them.
Hextech UI is independent and is not affiliated with or endorsed by Riot Games. See license and attribution.