runescapecn
www.runescapecn.com- Category
- Developer Tools
- Rank
- No. 2129Tools index
Previous survey · No. 2010 ·
- Pricing
- Open Source
- Platform
- web
- Type
- TOOL
- Builder
- @alns0dev
- GitHub
- 27 stars
- Date
About
A collection of UI components styled to match Old School RuneScape's distinctive visual theme, built on top of the popular shadcn/ui component library. Perfect for developers building retro gaming interfaces or nostalgic web applications.
What it does
It supplies a themed interface layer through a hosted registry. Developers install shared visual tokens first, then copy individual React components into their own project for local ownership and customization.
Why it's ranked here
The tool has a clear, practical distribution model and broad component coverage. Its strongest case is consistency: shared fonts, colors, hard edges, beveled shadows, and accessible Radix primitives arrive through the same install workflow.
What's good
The collection covers 38 interface needs, including forms, navigation, overlays, feedback, and data display. Components remain individually owned after installation. Documentation records usage, properties, variants, and live demos, while local RuneStar fonts reduce reliance on remote font delivery.
Tradeoffs
The project describes itself as a work in progress, with more components still being added. Its stack assumes React 19, TypeScript, Tailwind CSS 4, Radix UI, and shadcn conventions. The repository package is private, so the documented consumption path is registry-based copying rather than package installation.
How to use it well
Use it for React interfaces that need a consistent Old School RuneScape visual language and benefit from editable source components. Install the base style before selecting components. It does not cover framework-neutral design systems, backend features, application data, or general game development.
Technical notes+
package.json defines a private ES module project using React 19, TypeScript, Tailwind CSS v4, Vite, Radix UI packages, and Class Variance Authority. src/main.tsx configures browser routes for the landing page, documentation, fonts, changelog, and component pages. src/docs/registry.ts stores component metadata, usage samples, prop definitions, variants, and dynamic demo imports. src/App.tsx dynamically imports the three newest visible demos and renders them through Suspense. src/lib/utils.ts combines clsx with tailwind-merge. src/components/code-block.tsx implements a small JSX-oriented tokenizer rather than using an external syntax-highlighting package. src/components/props-table.tsx switches from a table on larger screens to stacked cards on mobile. src/components/ui/alert.tsx and src/components/ui/badge.tsx define typed visual variants with Class Variance Authority.
Observed
- License
- MIT
- Primary language
- TypeScript with React JSX
- Install surface
- Hosted shadcn registry entries copied into the consuming project
- Interface
- React component source library
- Frontend stack
- React 19, Tailwind CSS 4, Radix UI, and Vite
- Package status
- The repository package is marked private
- Component scope
- README lists 38 accessible components
Read from README.md, package.json, src/App.tsx, src/main.tsx, src/lib/utils.ts, src/docs/registry.ts, src/hooks/use-head.ts, src/layouts/docs-layout.tsx, src/components/code-block.tsx, src/hooks/use-github-stars.ts, src/components/props-table.tsx, src/components/docs-sidebar.tsx, src/components/ui/card.tsx, src/components/ui/alert.tsx, src/components/ui/badge.tsx.
What it can do
Style UI components with Old School RuneScape theme
Standard UI components → RuneScape-themed UI components
Build retro gaming interfaces
Design requirements and component specifications → Complete retro-styled user interface
Create nostalgic web applications
Application requirements and layout needs → Web application with vintage gaming aesthetic
Extend shadcn/ui component library
Base shadcn/ui components → Enhanced components with RuneScape styling
Generate pixel-art style UI elements
Component specifications → Pixelated, retro-styled interface elements
Tags
Tech Stack
Media
Comments (0)
No comments yet
Editorially curated, with community endorsements as a secondary signal. Corrections welcome.