cbwire

Build reactive ColdBox UI components with wire directives without JavaScript.

1|Updated Apr 10, 2026

Search Tags:#components #livewire #reactive-ui #coldbox #boxlang #cbwire #javascript-free

Ready to run

npx skills add https://github.com/ColdBox/skills --skill cbwire

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: cbwire
Source: https://github.com/ColdBox/skills/tree/main/modules/cbwire
Command: npx skills add https://github.com/ColdBox/skills --skill cbwire

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build reactive UI components in ColdBox/BoxLang without writing JavaScript, enabling faster UI development with cbwire.

Core Features & Use Cases

Component creation, reactive data properties, wire directives (wire:model, wire:click), lifecycle hooks, and actions.
Support for computed properties, events, and production patterns for forms and live search.
Real-world use case: create a live search panel or modal that updates on user input without client-side scripting.

Quick Start

Install CBWire in your ColdBox project and start building reactive components with BoxLang today.

Frequently Asked Questions about cbwire

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build reactive UI components in ColdBox without writing JavaScript?▼

You can build reactive ColdBox UI components without JavaScript by using cbwire, which provides directives like wire:model and wire:click to handle real-time user interactions server-side. It enables faster UI development for BoxLang apps.

Can I create live search panels and forms in BoxLang that update in real time?▼

Yes, you can create live search panels and forms in BoxLang that update in real time using cbwire. It leverages reactive data properties and server-rendered components to respond to user input instantly without client-side scripting.

Does cbwire support lifecycle hooks and computed properties for reactive components?▼

cbwire supports lifecycle hooks, computed properties, and events for reactive components. It provides a full component model to manage complex UI state and actions within your ColdBox application.

What is the best way to add interactivity to a server-rendered ColdBox dashboard?▼

The best way to add interactivity to a server-rendered ColdBox dashboard is using cbwire, which applies a Livewire-style component model to BoxLang apps. It handles reactive behavior for dashboards and modals directly on the server.

Do I need to install any JavaScript libraries to use reactive UI directives in ColdBox?▼

No, you do not need to install JavaScript libraries to use reactive UI directives in ColdBox. cbwire manages wire:model and wire:click directives server-side, eliminating the need for client-side scripting.

Why use cbwire instead of writing custom JavaScript for ColdBox forms?▼

Use cbwire instead of custom JavaScript to speed up UI development in ColdBox. It manages reactive data properties and lifecycle hooks server-side, allowing you to build interactive forms and live-search interfaces without client-side scripting.