Skip to main content

​
Installation

O! is distributed as @zserge/o on npm and can be installed using your preferred package manager. With zero dependencies and no transpiler required, getting started is straightforward.

​
Package Manager Installation

Install O! using your preferred package manager: 
npm install @zserge/o

​
Zero Dependencies

O! has zero dependencies, meaning:
  • No transitive dependencies to worry about
  • Minimal impact on your node_modules size
  • Fast installation times
  • No complex dependency tree to manage

​
No Transpiler Required

Unlike JSX-based frameworks, O! works directly in modern browsers:
  • No Babel or TypeScript compilation needed
  • Uses native ES modules
  • Tagged template literals instead of JSX
  • Import and run immediately

​
CDN Usage

You can use O! directly from a CDN without any installation: 
<!DOCTYPE html>
<html>
  <body></body>
  <script type="module">
    import { h, x, render, useState } from 'https://unpkg.com/@zserge/o/o.mjs';
    
    // Your component code here
    const App = () => {
      return x`<div>Hello, O!</div>`;
    };
    
    render(h(App), document.body);
  </script>
</html>

​
CDN Options

You can import O! from these CDN providers:
  • unpkg: https://unpkg.com/@zserge/o/o.mjs
  • jsDelivr: https://cdn.jsdelivr.net/npm/@zserge/o/o.mjs
For production use of the CDN, pin to a specific version: 
import { h, x, render } from 'https://unpkg.com/@zserge/[email protected]/o.mjs';

​
Browser Module Support

O! is packaged as a native ES module (.mjs extension) with:
  • Full support for modern browsers (Chrome, Firefox, Safari, Edge)
  • Dynamic imports supported
  • Top-level await compatible
  • Works with module bundlers (Webpack, Rollup, Vite, etc.)

​
Verify Installation

After installation, verify O! is working by creating a simple test file: 
import { h, render } from '@zserge/o';

const Hello = () => h('div', {}, 'Hello from O!');
render(h(Hello), document.body);

​
Next Steps

Now that O! is installed, follow the Quickstart guide to build your first component.

Build docs developers (and LLMs) love

Get started for freeTalk to us