@scalar/react-renderer

Scalar React Renderer

A Vue component to render React components inside Vue.

Scalar is an open-source API platform for teams who want beautiful developer interfaces without vendor lock-in.

• API References — Interactive API documentation from OpenAPI and AsyncAPI specs.
• Developer Docs — Write in Markdown/MDX, generate API references, sync with two-way Git.
• SDK Generator — Type-safe SDKs and CLIs in TypeScript, Python, Go, PHP, Java, and Ruby.
• API Client — Open-source, offline-first Postman alternative built on OpenAPI.

20M+ monthly npm installs · 15,500+ GitHub stars · MIT licensed · scalar.com

Installation

npm install @scalar/react-renderer

Usage

<script setup lang="ts">
import { ReactRenderer } from '@scalar/react-renderer'
import { MyReactComponent } from './components/MyReactComponent'
</script>

<template>
  <ReactRenderer :component="MyReactComponent" my-custom-prop="foobar" />
</template>

Community

We are API nerds. You too? Let's chat on Discord: https://discord.gg/scalar

License

The source code in this repository is licensed under MIT.