Renderer Component

Introduction

Standard Ranklist Renderer Component is a modern set of web rendering components that renders srk data into beautiful, interactive ranking tables. It publishes framework-specific packages for React, Vue, Angular, Solid, and Svelte, backed by shared core and styles packages.

Supported Framework Packages

Framework	npm Package
React	@algoux/standard-ranklist-renderer-component-react
Vue	@algoux/standard-ranklist-renderer-component-vue
Angular	@algoux/standard-ranklist-renderer-component-angular
Solid	@algoux/standard-ranklist-renderer-component-solid
Svelte	@algoux/standard-ranklist-renderer-component-svelte

Use Cases

The Renderer component has been widely used in:

• Multiple past editions of the CCPC official ranklist pages
• RankLand platform's ranklist display
• Kessoku Series live broadcast directing suite
• Other community-developed contest-related applications

Preview

Online Preview

The fastest way to experience it is to visit the RankLand Playground — no installation needed to see the Renderer in action.

For package details and release notes, see the project repository:

→ algoux/standard-ranklist-renderer-component