agentscope-ai/agentscope-spark-design

AgentScope Spark Design - UI Component Library for Alibaba Cloud Apsara Lab

What it solves

AgentScope Spark Design provides a standardized set of UI components specifically tailored for AI applications. It solves the problem of building consistent, professional AI chat interfaces and general application layouts without having to build complex UI elements from scratch.

How it works

The project is a monorepo containing two primary packages:

  1. @agentscope-ai/design: A core design system based on Ant Design 5 that provides enhanced UI components, a custom theme system, and mobile support.
  2. @agentscope-ai/chat: A specialized library for LLM conversation interfaces, providing components for message bubbles, streaming responses, markdown rendering (including math and code), and voice input.

Who it’s for

Frontend developers building AI-powered applications, LLM chat interfaces, and agent-based software who want a pre-built, professional design system tailored for AI experiences.

Highlights

  • LLM-Ready Chat UI: Includes ready-to-use containers, streaming response support, and Mermaid diagram rendering.
  • Rich Media Support: Integrated markdown rendering with math formulas and code highlighting.
  • Cross-Platform: Support for both desktop and mobile components.
  • Extensible: Features a custom theme system and an extensible card component system for AI responses.
  • Internationalization: Built-in support for multiple languages.

Related

  • Project
    agentscope-ai/agentscope

    A production-ready agent framework that provides an SDK for composing AI agents and a FastAPI-based service for deploying them as multi-tenant applications.

  • Project
    ant-design/x

    A UI framework providing enterprise-level components and SDKs for building AI-driven interfaces, specifically optimized for LLM streaming and dynamic interaction.

  • Project
    langchain-ai/langchain

    A framework for building agents and LLM-powered applications that simplifies development through interoperable components and a vast library of third-party integrations.

  • Project
    andrewyng/aisuite

    A lightweight Python library providing a unified Chat Completions API and an Agents API to build AI agents across multiple LLM providers with minimal code.

  • Project
    SciSharp/BotSharp

    An open-source .NET framework for building AI bot platforms that allows enterprise developers to integrate LLMs and multi-agent systems into business applications.