XCon StudioWidget Framework

Write once, run everywhere - Develop modern web widgets with powerful decorators and reactive system

Quick Start

🎯 Decorator-Based Development

Easy widget creation with @Widget decorator. Clean code structure with modern JavaScript decorators.

⚡ Reactive Properties

Automatic DOM updates with @xproperty and @xcomputed decorators. Instant interface reflection on data changes.

🧩 Template System

Powerful template bindings with .html templates. Support for x:text, x:attr, x:class and x:on directives.

🔧 TypeScript Support

Type safety with full TypeScript integration. IntelliSense and auto-completion support.

📦 Easy Management

Automatic template processing with Vite plugin. Hot reload and development-time optimizations.

🎨 Flexible Encapsulation

none, emulated, component and shadow DOM encapsulation modes. Style isolation and component scope.

💉 Dependency Injection

Powerful DI system with @xinjectable, @xsingleton, @xtransient and @xinject decorators. Manage services easily.

🚀 Write Once, Run Everywhere

Build enterprise-grade web components with XCon Studio. Develop professional interfaces with TypeScript, reactive properties and powerful template system.