Quality score 69Cbuilder.design#coding#data#design#no-code#productivity

Xinshi UI Web builder: Low-Code Open-Source Frontend Framework

Xinshi UI Web builder is a low-code open-source frontend framework based on TailwindCSS that enables rapid drag-and-drop visual building of modern responsive UI, dynamic custom components, multi-theme, and multi-language web applications.

Visit website

About this tool

Xinshi UI Web builder is a low-code open-source frontend framework based on TailwindCSS, aimed at web designers, frontend developers, and low-code builders. It enables rapid drag-and-drop visual building of modern responsive UI, dynamic custom components, multi-theme, and multi-language web applications. The framework provides a Web builder visual editing environment with widget-level visual parameter configuration, page JSON editing and schema validation, icon picker, media library, code editor, GSAP animation configuration, a View Map universal map mapping component, and a node add component. The project is actively updated, has been upgraded to Angular v19, and supports site data migration based on JSON:API. Xinshi UI Web builder is open-source and free with a low learning curve, suitable for teams and individuals who need to quickly build responsive, multi-theme, multi-language web applications.

Best for
  • Web designers building responsive interfaces quickly
  • Frontend developers creating multi-theme, multi-language web apps
  • Low-code builders creating pages via drag-and-drop visualization
  • Teams needing an open-source, free low-code frontend framework
Use cases
  • Building multi-theme websites quickly
  • Creating responsive website pages
  • Building UI via drag-and-drop visualization
  • Developing multi-language web applications
  • Configuring dynamic custom components
  • Fixing editing errors via page JSON
Strengths
  • Open-source and free with a low learning curve
  • Based on TailwindCSS for modern styling
  • Supports drag-and-drop visual building, lowering the development barrier
  • Supports multi-theme and multi-language for international projects
  • Provides page JSON editing and schema validation for debugging
  • Actively updated, upgraded to Angular v19
Limitations
  • Pricing model is not clearly disclosed
  • Only supports the Web platform
  • Requires understanding of page JSON structure to use JSON editing and repair features

Features & use cases

Based on TailwindCSSDrag-and-drop visual UI buildingDynamic custom componentsMulti-theme supportMulti-language supportPage JSON editing and schema validationIcon pickerMedia libraryCode editorGSAP animation configurationView Map universal map mapping componentSite data migration based on JSON:API

At a glance

Monetization
  • Free
Maturity signals
  • Open source
Learning curve
  • Low

Sources

Every profile keeps its sources and latest verification date.

Similar tools

Inkeep Agents
docs.inkeep.com
90

Inkeep Agents is a platform for building Agent Chat Assistants and AI Workflows with both no-code and code-based approaches. It offers multi-agent architecture, unified AI search with managed RAG, MCP tools with credential management, and can be used from Slack and support platforms.

Free

Open details
Welcome
docs.hexabot.ai
74

Build and run agentic workflows across channels with Hexabot.

Open details
Voiceflow
voiceflow.com
77

Voiceflow is a platform for teams to collaboratively design, develop, and launch AI agents using any models and integrations.

Open details
Giselle: AI App Builder
giselles.ai
77

Giselle seamlessly integrates with GitHub to create an intelligent operations layer that plans and acts on your behalf.

Freemium · $20+/mo

Open details