Affino

Affino is a core-first UI system: deterministic headless primitives plus thin adapters.

Architecture

• Core packages: framework-agnostic TypeScript primitives.
• Adapters: runtime integrations for Laravel and Vue.
• Overlay stack: shared coordination via @affino/overlay-kernel.

What is current

Core primitives

• Surfaces: surface-core, menu-core, tooltip-core, popover-core, dialog-core
• Selection/Input: selection-core, listbox-core, combobox-core, grid-selection-core
• New primitives: tabs-core, disclosure-core
• Infrastructure: overlay-kernel, overlay-host, focus-utils, aria-utils, virtualization-core

Adapters

• Laravel: @affino/laravel-adapter (+ component-level *-laravel packages)
• Vue: @affino/vue-adapter (+ component-level *-vue packages)

Recommended entry points

Laravel

import { bootstrapAffinoLaravelAdapters } from "@affino/laravel-adapter"

bootstrapAffinoLaravelAdapters({ diagnostics: import.meta.env.DEV })

Vue

import { bootstrapAffinoVueAdapters } from "@affino/vue-adapter"

bootstrapAffinoVueAdapters({ diagnostics: import.meta.env.DEV })

Documentation map

• Core references: /core/dialog-core, /core/popover-core, /core/tooltip-core
• Adapter references: /adapters/laravel, /adapters/vue
• Systems: /menu/, /dialog/, /popover/, /tooltip/, /tabs/, /disclosure/