@oreui-web/vue

OreUI

Unofficial Ore UI cross-framework component library.

English · 简体中文

Introduction

OreUI is an unofficial fan-made component library that brings Minecraft's Ore UI design system to your web projects.

Its 25+ components share a framework-independent Web Component core, with light adapters for specific frameworks.

Read the full documentation at katorly.dev/OreUI.

Features

• Cross-framework: Vanilla JavaScript, React, Vue, and more
• CSS-first: Focus on visual design, with minimal JavaScript
• Small core: Lit is the only runtime dependency
• Fully customizable: Customize using CSS variables, TailwindCSS, PandaCSS and properties
• Accessibility: Semantic HTML, keyboard support, focus management, and ARIA

Packages

Package	Version	Downloads	Links
oreui-web			Docs · Source
@oreui-web/react			Docs · Source
@oreui-web/vue			Docs · Source
@oreui-web/svelte			Docs · Source
@oreui-web/solid			Docs · Source

Figma

Getting started

Choose your framework in getting started, or browse all components.

Contributing

For information on how to contribute, please refer to the contributing guidelines.

Legal notice

OreUI is an unofficial fan-made project. It is neither a replacement for the official Ore UI, nor approved by or affiliated with Mojang or Microsoft. When using this project, you must also follow the Minecraft EULA and any other applicable terms.

This project only takes visual inspiration from the official Ore UI. Except for the fonts, the code and assets in this project were created independently and do not contain source code from the official Ore UI.

License

OreUI is licensed under MPL-2.0. Using OreUI as a dependency, or customizing it through themes, CSS, and component properties, generally does not require you to disclose your entire project or license it under MPL-2.0. MPL-2.0 requirements mainly apply to OreUI source files that you modify and distribute. Refer to the full license text for the exact terms.