Skip to content

Alpine.js Toolkit

@ailuracode · Interactive plugin demos

Query

Store-agnostic query cache with pluggable reactivity adapters.

CorecreateQueryClient · query({ adapter })
Read Documentation@ailuracode/alpine-query
QuerycreateQueryClient · query({ adapter })
Store-agnostic query cache with pluggable reactivity adapters.

Three adapters — pick one for query({ adapter }). Each card runs the same paginated PokeAPI demo. Use Invalidate, Prefetch Next, andRemove Cache to exercise the cache API. Open Query Devtools (bottom-right) to inspect observers.

Nanostores
#Name
Alpine.reactive
#Name
Zustand
#Name
Mutations, Retry & Polling
Uses the Nanostores $store.query cache — same store as the adapters above.
mutate()

Pending…

Result:

retry
FetchingErrorSuccess

Succeeded after attempts

refetchInterval

Last fetch:

Polls every 3s while this panel is mounted.

Packages: @ailuracode/alpine-query,@ailuracode/alpine-query-kit,@ailuracode/alpine-query-adapter-alpine,@ailuracode/alpine-query-adapter-zustand