https://github.com/klashdevelopment/mc.css

mc.css lets you use Minecraft's design system in pure CSS, with extra features included with React.
https://github.com/klashdevelopment/mc.css

Last synced: 5 months ago
JSON representation

mc.css lets you use Minecraft's design system in pure CSS, with extra features included with React.

• Host: GitHub
• URL: https://github.com/klashdevelopment/mc.css
• Owner: klashdevelopment
• Created: 2025-08-18T04:25:45.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-08-24T01:04:01.000Z (6 months ago)
• Last Synced: 2025-09-15T12:11:49.840Z (5 months ago)
• Language: HTML
• Size: 144 KB
• Stars: 2
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# mc.css

mc.css lets you use Minecraft's design system in pure CSS, with extra features included with React.

![mc.css](https://socialify.git.ci/klashdevelopment/mc.css/image?custom_description=Minecraft%27s+design+system+in+pure+CSS+%26+optional+React&custom_language=CSS&description=1&font=JetBrains+Mono&language=1&name=1&owner=1&pattern=Solid&theme=Dark)

## Installation

For just CSS, you can use a CDN:

```css

@import url("https://unpkg.com/@klashdevelopment/mc.css/styles/index.css");

```

```html

```

For CSS or React, you can use the NPM package:

```sh

npm install @klashdevelopment/mc.css

```

Then, import the react components:

```tsx

import { ... } from "@klashdevelopment/mc.css";

```

## Icons

A lot of the assets here come from CCLeaf, which Klash provides a node package for interfacing with for HD & SD minecraft icons, 3d renders of mobs/structures, icons, effects, particles, etc.

You can find it here: [npm:@klashdevelopment/mcicons](https://www.npmjs.com/package/@klashdevelopment/mcicons)

## Contributions

Feel free to contribute! You can build the React package with `npm run build`, or the CSS in styles/index.css.