Menu
Alpine.js adapter for @stainless-code/alpine-layers; plugin magics, x-layer-outlet, layerStack data, and JS hooks for typed layer stacks
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Angular adapter for @stainless-code/angular-layers (signals + DI + imperative renderStack); use when wiring provideLayerClient, renderStack/useStackHandles, useLayerGroup, useMutationFlow, or createStackHook
UI-agnostic layer stack engine for @stainless-code/layers. Use for opening layers imperatively from anywhere, ordered named stacks, typed await or fire-and-forget calls, lifecycle control, blockers, validation, singleton updates, serial or nested layers, multi-stack orchestration, or building a library/framework adapter.
Lit adapter for @stainless-code/lit-layers; open UI from anywhere and manage ordered, named stacks with typed or fire-and-forget `open` via Reactive Controllers and custom elements
Preact adapter for @stainless-code/preact-layers — use for awaitable confirm flows, singleton toasts, nested drawers, stack subscriptions, and custom layer hosts
React adapter for @stainless-code/react-layers; open UI from anywhere and manage ordered, named stacks with typed or fire-and-forget `open`
SolidJS adapter for @stainless-code/solid-layers; open UI from anywhere and manage ordered, named stacks with typed or fire-and-forget `open`
| name | alpine-layers |
| description | Alpine.js adapter for @stainless-code/alpine-layers; plugin magics, x-layer-outlet, layerStack data, and JS hooks for typed layer stacks |
| license | MIT |
| keywords | ["tanstack-intent","alpinejs","alpine","modal","dialog","stack","typescript"] |
| metadata | {"library":"@stainless-code/alpine-layers","library_version":"0.2.3","framework":"alpinejs"} |
| sources | ["https://stainless-code.com/layers/adapters/alpine","https://github.com/stainless-code/layers/blob/main/docs/architecture.md"] |
Open overlay UI imperatively and manage it as an ordered, named stack. The package re-exports @stainless-code/layers. For engine internals, use the layers core skill.
bun add @stainless-code/alpine-layers
Peer: alpinejs (>=3.13). Register with Alpine.plugin(layers) before Alpine.start(), or use the ./cdn entry on alpine:init.
getLayerClient() lazy-inits; setLayerClient() only required to pin a custom client before first use.$layers.open (magic) + createLayer (wired state / queued / top).useStack, createLayerState, Alpine.data('layerStack') + x-for.x-layer-outlet on <template>; row props via $layer (call, payload, …).