New API vs Vivid
Side-by-side comparison · Updated October 2026
| Description | New API is a self-hosted AI gateway and model-management project maintained in the QuantumNous repository. It brings provider channels, access tokens, model restrictions, usage statistics and cost accounting into one interface. Teams supply their own authorized model-provider access and operate the gateway in their chosen environment. The gateway supports several API formats, including OpenAI-compatible requests, Claude Messages and Google Gemini. Compatibility has boundaries: the README marks Gemini-to-OpenAI conversion as text-only without function calling, and OpenAI-compatible to Responses conversion as in development. Test the exact endpoints, streaming behavior and tool calls your application uses before switching traffic. Routing features include weighted channel selection, automatic retry after failures and user-level model rate limits. The dashboard supports request-based, usage-based and cache-hit cost accounting, with token grouping and model-access controls. These controls can help organize usage, but retries and a common API format do not guarantee uninterrupted service or identical behavior across providers. The current repository license is AGPLv3. Docker Compose is the recommended quick-start path in the README, which also documents Docker commands with SQLite or MySQL. Running the software still involves infrastructure, operations and upstream model charges. Review the current license, secure your deployment and validate accounting against provider bills. Compare LiteLLM if you also want a Python SDK or a documented gateway for MCP servers and agents. | Vivid is a tool that bridges the gap between design and development. It syncs your Figma designs with your codebase, allowing seamless updates by generating and updating UI code automatically. Designers can submit designs directly in Figma and receive production-ready code for each component. Vivid also allows developers to add functionality, make edits, and sync changes, ensuring that code updates while preserving manual edits. This tool isolates design styles from functional code so developers can concentrate on the logic. With variant-aware styles and auto-updating code, Vivid keeps your projects in perfect sync with your designs. |
| Category | Developer Tools | Figma Plugin |
| Rating | No reviews | No reviews |
| Pricing | Open Source | Pricing unavailable |
| Starting Price | N/A | N/A |
| Use Cases |
|
|
| Tags | AI gatewayLLM routingmodel managementrate limitingusage accounting | designdevelopmentFigmaUI codesync |
| Features | ||
| Self-hosted AI gateway and model management | ||
| Provider channels, token groups and model restrictions | ||
| OpenAI-compatible, Claude Messages and Gemini format support | ||
| Documented limits on protocol conversion | ||
| Weighted channel selection and failure retries | ||
| User-level model rate limiting | ||
| Request, usage and cache-hit cost accounting | ||
| Docker Compose deployment documentation | ||
| Syncs Figma designs with codebase | ||
| Generates production-ready UI code | ||
| Submit designs directly in Figma | ||
| Create pull requests for each component | ||
| Add functionality and edit styles | ||
| Preserves manual edits during updates | ||
| Isolates design styles | ||
| Supports variant-aware styles | ||
| Auto-updating code | ||
| Developer-controlled styled elements | ||
| View New API | View Vivid | |
Modify This Comparison
Also Compare
Explore more head-to-head comparisons with New API and Vivid.