v0.5.1 · build-free runtime

Reactive UI for the web you already have.

DevinimJS turns server-rendered HTML into accessible, reactive interfaces with native browser JavaScript. No Node.js, bundler or framework runtime for your users.

Start with one import Read the docs

Made for PHP, static hosting, WordPress, Laravel and AI-assisted development.

Why DevinimJS

Keep deployment simple. Keep the interface alive.

The framework contract is intentionally small: HTML owns structure, DevinimJS owns interaction, and CKCSS owns presentation.

Build-free by contract

Ship native ES modules from your server or a pinned CDN. Consumers install nothing.

Reactive, not magical

Proxy-backed state, deterministic templates and focused DOM updates make behavior inspectable.

Light DOM first

CKCSS and your global styles reach component markup naturally. No styling prison.

Server-friendly state

Let PHP or HTML provide data-* attributes, then listen for simple bubbling dv:* events.

Accessible primitives

Native controls, ARIA patterns, keyboard behavior and focus management are part of the contract.

AI-readable rules

Stable contracts, manifests and copyable examples help both humans and coding agents build correctly.

Install

Start from a static HTML file.

Pin both frameworks to a release and use only what each page needs.

Production rule

Use tagged versions. Never load main or an unversioned CDN URL.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kayacuneyd/ckcss@v0.1.0-beta.1/dist/ckcss.min.css">

<dv-counter data-start="5" data-step="2"></dv-counter>

<script type="module" src="https://cdn.jsdelivr.net/gh/kayacuneyd/devinimjs@v0.5.1/dist/modules/dv-counter.js"></script>

For developers

A runtime you can explain.

Read the architecture, API contracts, security rules and application runtime reference.

Explore technical docs

For builders

See every component in motion.

Browse the catalog, filter by capability and copy a working example.

Open component catalog