Aioli – Open-source AI design system with multi-framework UI generation

Summary: Aioli is a free, open-source AI design system engine that generates production-ready UI components from natural language prompts in HTML, React, Vue, or Svelte. It includes 1,543 W3C design tokens, 43 components, and six WCAG AA verified themes, integrating with AI tools via a 12-tool MCP server and offering REST API, JS SDK, CLI, and a community component registry.

What it does

Aioli converts natural language descriptions into UI code across multiple frameworks using 43 components and design tokens. It connects to AI models like Claude, Cursor, and Copilot through a multi-tool server and provides API and SDK access.

Who it's for

Developers and designers seeking accessible, production-ready UI generation without vendor lock-in or subscription fees.

Why it matters

It eliminates paywalls and ecosystem lock-in while ensuring accessibility compliance in AI-generated UI design.