Lilac Editor

A smooth, modern WYSIWYG text editor built with TypeScript. Framework-agnostic core with adapters for React, Preact, Vue, Svelte, Solid, Angular, Lit, Qwik, Alpine.js, Ember, Astro, and Vanilla JS.

React

React component wrapper with a controlled value, an imperative ref handle, and TypeScript definitions.

Adapter

Svelte

Svelte component with reactive bindings and minimal bundle size.

Adapter

Angular

Angular component and directive wrapping the framework-agnostic core.

Adapter

Vue

Vue 3 component with Composition API and two-way binding.

Adapter

Preact

Lightweight, React-compatible component wrapper with the same props and ref handle.

Adapter

Solid

Reactive Solid component and a use:lilac directive.

Adapter

Lit

A native <lilac-editor> Web Component for any page or framework.

Adapter

Qwik

A resumable Qwik component with QRL event handlers.

Adapter

Alpine.js

An x-lilac directive for progressively enhanced pages.

Adapter

Ember

A {{lilac}} element modifier built with ember-modifier.

Adapter

Astro

A client mount helper plus an Astro integration for content sites.

Adapter

Vanilla JS

Pure JavaScript/TypeScript without any framework dependencies.

Core

PHP & Laravel

Server-side rendering from plain PHP or a Laravel Blade component.

Server