NUI Infrastructure

🌐 Türkçe · NUI Altyapısı

liveNuiCore

Version: 1.0.0 (npm: @live/nui-core) — shared React NUI library, not started as a resource.

Stack: React 19, TypeScript, Tailwind 4, Framer Motion, Zustand, Vite

import { fetchNui, useNuiEvent, GlassPanel, LvPage, LV_DESIGN } from "@live/nui";

Template: liveNuiCore/template/

liveBase Design Standard

Components: GlassPanel, LvPage, LvModal, AnimatedList, LvDragItem

Motion presets: liveNuiCore/src/motion/presets.ts

NUI development

1. Create web/ folder
2. Copy liveNuiCore/template/
3. Configure fxmanifest.lua
4. cd web && npm install && npm run start:game

SendNUIMessage({ action = 'setVisible', data = true })

await fetchNui("myCallback", { id: 1 });

All new NUIs should use liveBase design tokens from liveNuiCore.