warcraftcn/ui

A Svelte 5 UI component library styled after the classic Warcraft III RTS aesthetics — fantasy borders, scroll textures, faction-based color themes, and gold/amber color palettes.

Installation

Install the package via npm:

npm install warcraftcn-ui-svelte

Quick Setup

Add the <Toaster /> to your root layout for toast notifications:

<script>
  import { Toaster } from 'warcraftcn-ui-svelte';
</script>

<slot />
<Toaster />

Usage

Import any component from the package:

<script>
  import { Button, Card, CardHeader, CardTitle } from 'warcraftcn-ui-svelte';
</script>

<Card>
  <CardHeader>
    <CardTitle>Welcome, Hero</CardTitle>
  </CardHeader>
  <Button variant="frame">Accept Quest</Button>
</Card>

Factions

Many components accept a faction prop with unique styling:

Default Orc Human Elf Undead

Components

All 19 components available: