Add direct keyboard operation to websites and web apps.

<script src="https://cdn.jsdelivr.net/npm/openkeynav/dist/openkeynav.umd.min.js"></script>

<script>
  new OpenKeyNav().init();
</script>

import OpenKeyNav from 'openkeynav';

new OpenKeyNav().init();

'use client'; // Omit in a client-only React app

import {useEffect} from 'react';
import OpenKeyNav from 'openkeynav';

let instance;

export default function OpenKeyNavInitializer() {
  useEffect(() => {
    instance ??= new OpenKeyNav().init();
  }, []);

  return null;
}

<script setup>
import {onMounted} from 'vue';
import OpenKeyNav from 'openkeynav';

onMounted(() => {
  new OpenKeyNav().init();
});
</script>

<script>
  import {onMount} from 'svelte';
  import OpenKeyNav from 'openkeynav';

  onMount(() => {
    new OpenKeyNav().init();
  });
</script>

import {afterNextRender, Component} from '@angular/core';
import OpenKeyNav from 'openkeynav';

@Component({
  selector: 'app-root',
  template: '<router-outlet />',
})
export class AppComponent {
  constructor() {
    afterNextRender(() => {
      new OpenKeyNav().init();
    });
  }
}