Collaboration diagnosis: diagnose your team's collaboration with data｜Nova

Nova is a project collaboration diagnostics tool by Qinghuijia for teams of 5–50. You enter metadata such as how often each pair of members talks, and Nova draws the collaboration network, marking bottlenecks, isolated members and weak links. Message content is never read.

Core capabilities: a collaboration health score, detection of bottlenecks, isolated members and weak links, and recommendations tied to each finding. Start with a free diagnosis.

NovaQinghuijia

Qinghuijia Nova Interaction Library

50+ production-ready modules — pick what you need, no need to build from scratch.

Playable online demos of live-streaming, social and marketing interaction components, all built on production-tested code extracted from real projects and hardened at the edges. Drop them into an existing app or start a new build; implementation is scoped to your requirement.

  • Mobile
  • Web
  • Large screens
Open the library and try it

In one sentence: The Nova library turns 50+ live-streaming, social and marketing interaction components into playable online demos, all built on verified code extracted from real projects and hardened. Deliverable for mobile, web and large screens; plug them into your own project in one go, or have us customize them.

The Nova library turns the team's interaction capabilities into playable demos. No sign-up — open the browser and try 50+ components: red packet rain, live comments, gifting & tipping, chat message list, gesture control, video progress bar, slider captcha, poster generator, prize draw, chat emoji, anti-leak watermark. Every demo is proof of something we have already shipped. Point at the one you want and we build it into your product.

Why build your interaction features with Qinghuijia Nova?

Unlike libraries that only ship static previews, Nova cares about the business outcome in live-streaming, social and marketing, where interaction happens in real time. We build on real-time transports such as WebRTC and WebSocket for high-concurrency, low-latency interaction, then wrap that complexity in plain Vue components — so live comments, gifting, chat message lists, red packet campaigns and lottery modules cost you far less to ship. These demos are not toys: they are production code extracted from real projects, verified and fixed.

What can we deliver?

Each capability is built on a single core engine and ships in two forms: a Vue component that works out of the box, or a framework-agnostic engine that also plugs into React and plain-JS projects. For red packet rain, live comments and gifting, you can switch between the two forms side by side on the library site. Every one of them runs live on this library site.

Grouped by business capability, the library currently covers:

  • Live Engagement: Red packet rain, Live comments, Gifting & tipping, Voice call, Live viewer count, Gesture control, Picture in picture, Connection keep-alive.
  • Marketing & Growth: Ad placements, Poster generator, QR code, Survey form, Survey builder, Promo marquee, Prize draw, Event countdown.
  • Social & Messaging: Chat message list, Smooth chat rendering, Chat emoji, Image viewer.
  • Media & Content: Live content sync, M3U8 long-video progress, Video progress bar, Camera & mic control, Adaptive video quality.
  • Files & Collaboration: Collaborative docs, Doc & whiteboard sharing, Third-party embed, Document preview, Drag & pan, Pinch zoom, Large file upload, Transcode progress, On-screen annotation.
  • General capabilities: Login form, Slider captcha, WeChat share, Multi-language, Animation effects, Animation sequencing, Shared utilities, API request layer, Hot reload (no interruption), Scroll animation, Progress math, Auto-reconnect on stutter.
  • Global Configuration: Role permissions, Theme switching, Anti-leak watermark, Log center, Live chat support.

How do we start?

Browse the demo list on the library site and switch categories to watch each component run. Once you find one you want, submit the requirement from the block under any demo, or email us, and we come back with a scope, timeline and quote. To understand a component's usage, internals or integration, compare this page with how it behaves in the demo area.

Email us about custom work

No sign-up — open it in the browser and start playing. Questions about custom components? See the FAQ.