Documentation

AppRoot

The composition root that wires up theming, breakpoints, document context, and CSS caching in one component.

createTheme & useTheme

Build a theme object with a generated color palette and read the active theme from context.

ThemeProvider

Binds a theme to a subtree, injecting CSS variables, resets, and scrollbar styling.

useColorTemplate

Resolve a semantic color and visual style into ready-to-use fill/outline/text/ghost style pairs.

useThemeComponent

Let component authors expose a themeable interface so themes can adjust default props.

Tag

The primitive building block of Xanui Core — native elements with shorthand styling props.

useTagProps

The hook that powers Tag — split DOM props from CSS props and produce a class name.

CSS Utilities

Author responsive, theme-aware styles with shorthand aliases on top of oncss.

useBreakpoint

Read the active responsive breakpoint and compare it against the breakpoint scale.

useBreakpointProps

Describe props as per-breakpoint maps and resolve them to flat values for the current breakpoint.

animate, Easing & useInView

A frame-by-frame numeric animation engine with easing presets and viewport detection.

Transition

Declarative enter/exit animations for a single element, driven by named variants.

Portal

An SSR-safe wrapper around createPortal for modals, toasts, and tooltips.

Iframe

Render an isolated iframe with a nested AppRoot mounted inside its own document.

SSR & Style Injection

How Xanui Core injects styles during server rendering, and the CSS cache APIs around it.

Scrollbar Styling

Themed scrollbar CSS injected automatically by ThemeProvider and AppRoot.

useDocument

Read the current document context so styles and portals target the right document, even inside an Iframe.

useMergeRefs

Combine multiple refs — callback or object — into a single callback ref.