HN Showcase
Back to browse
GitHub Repository

Old School RuneScape-themed UI components built on shadcn/ui. Fully open source – copy, paste, customize.

21 starsTypeScript

RuneScapeCN (open source) – UI kit with authentic OSRS styling

by alns0·Feb 16, 2026·1 point·0 comments
Visit ProjectView on HN

AI Analysis

●MidNiche GemEye Candy
The Take

Pixel-level RuneScape styling is the hook: hard edges, beveled 3D shadows, zero border-radius and bundled RuneStar fonts give the components real OSRS character. Practical engineering choices — 16 accessible, single-file React+TS components built on shadcn/ui and Radix, plus hosted registry JSON for direct shadcn CLI installs — make adopting the look trivial. It’s a focused, well-crafted niche toolkit; more components and richer docs/examples would push it from useful to must-have for fans.

Category
Open Source
Target Audience

Frontend developers and designers building RuneScape-themed or game-styled web apps (especially users of shadcn/ui and Tailwind)

Post Description

Launching RuneScapeCN today! First time doing OSS.

It’s an OSRS-themed UI component set built on familiar shadcn patterns: - React 19 + TypeScript - Tailwind CSS v4 - Radix primitives - Vite + CVA - Hosted registry endpoints for direct component install

Goal: keep the classic RuneScape visual identity while still being easy to ship in modern React apps.

If you try it, I’d appreciate candid feedback on what to improve first.

Similar Projects

Open Source●Mid

Mogamp – Winamp for macOS

The interface sells the concept — giant LED timer, spectrum visualizer and faux-metal skin give an authentic Winamp-era vibe, and the screenshot suggests careful pixel work. It's an early v0.1.0 release with only a small ZIP on GitHub, though, so unless it brings features beyond aesthetics (library management, modern audio backend, plugins/format support), it's mostly a nostalgia UI project rather than a must-have player.

Eye CandyNiche Gem
bbokan
203mo ago