<h4>Inputs</h4> | | | | |
active-element | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createActiveElement<br />createFocusSignal | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/active-element?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/active-element?style=for-the-badge&label=) |
autofocus | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | autofocus<br />createAutofocus | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/autofocus?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/autofocus?style=for-the-badge&label=) |
input-mask | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | createInputMask<br />createMaskPattern | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/input-mask?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/input-mask?style=for-the-badge&label=) |
keyboard | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | useKeyDownList<br />useCurrentlyHeldKey<br />useKeyDownSequence<br />createKeyHold<br />createShortcut | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/keyboard?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/keyboard?style=for-the-badge&label=) |
mouse | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createMousePosition<br />createPositionToElement | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/mouse?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/mouse?style=for-the-badge&label=) |
pointer | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createPointerListeners<br />createPerPointerListeners<br />createPointerPosition<br />createPointerList | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/pointer?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/pointer?style=for-the-badge&label=) |
scroll | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createScrollPosition<br />useWindowScrollPosition | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/scroll?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/scroll?style=for-the-badge&label=) |
selection | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createSelection | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/selection?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/selection?style=for-the-badge&label=) |
<h4>Display & Media</h4> | | | | |
audio | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | makeAudio<br />makeAudioPlayer<br />createAudio | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/audio?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/audio?style=for-the-badge&label=) |
bounds | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | createElementBounds | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/bounds?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/bounds?style=for-the-badge&label=) |
devices | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createDevices<br />createMicrophones<br />createSpeakers<br />createCameras<br />createAccelerometer<br />createGyroscope | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/devices?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/devices?style=for-the-badge&label=) |
filesystem | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createFileSystem<br />createSyncFileSystem<br />createAsyncFileSystem<br />makeNoFileSystem<br />makeNoAsyncFileSystem<br />makeVirtualFileSystem<br />makeWebAccessFileSystem<br />makeNodeFileSystem<br />makeTauriFileSystem<br />makeChokidarWatcher<br />rsync | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/filesystem?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/filesystem?style=for-the-badge&label=) |
idle | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createIdleTimer | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/idle?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/idle?style=for-the-badge&label=) |
intersection-observer | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createIntersectionObserver<br />createViewportObserver<br />createVisibilityObserver | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/intersection-observer?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/intersection-observer?style=for-the-badge&label=) |
media | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | makeMediaQueryListener<br />createMediaQuery<br />createBreakpoints<br />usePrefersDark | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/media?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/media?style=for-the-badge&label=) |
page-visibility | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createPageVisibility | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/page-visibility?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/page-visibility?style=for-the-badge&label=) |
resize-observer | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createResizeObserver<br />createWindowSize<br />createElementSize | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/resize-observer?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/resize-observer?style=for-the-badge&label=) |
styles | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createRemSize | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/styles?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/styles?style=for-the-badge&label=) |
<h4>Browser APIs</h4> | | | | |
broadcast-channel | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | makeBroadcastChannel<br />createBroadcastChannel | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/broadcast-channel?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/broadcast-channel?style=for-the-badge&label=) |
clipboard | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | copyClipboard<br />writeClipboard<br />createClipboard | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/clipboard?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/clipboard?style=for-the-badge&label=) |
event-listener | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createEventListener<br />createEventSignal<br />createEventListenerMap<br />WindowEventListener<br />DocumentEventListener | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/event-listener?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/event-listener?style=for-the-badge&label=) |
event-props | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createEventProps | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/event-props?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/event-props?style=for-the-badge&label=) |
fullscreen | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createFullscreen | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/fullscreen?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/fullscreen?style=for-the-badge&label=) |
geolocation | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createGeolocation<br />createGeolocationWatcher | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/geolocation?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/geolocation?style=for-the-badge&label=) |
mutation-observer | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createMutationObserver | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/mutation-observer?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/mutation-observer?style=for-the-badge&label=) |
permission | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createPermission | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/permission?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/permission?style=for-the-badge&label=) |
storage | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | makePersisted<br />cookieStorage<br />tauriStorage<br />multiplexStorage<br />storageSync<br />messageSync<br />wsSync<br />multiplexSync<br />addClearMethod<br />addWithOptionsMethod<br />makeObjectStorage | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/storage?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/storage?style=for-the-badge&label=) |
timer | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | makeTimer<br />createTimer<br />createTimeoutLoop<br />createPolled<br />createIntervalCounter | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/timer?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/timer?style=for-the-badge&label=) |
upload | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createFileUploader<br />createDropzone | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/upload?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/upload?style=for-the-badge&label=) |
workers | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createWorker<br />createWorkerPool<br />createSignaledWorker | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/workers?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/workers?style=for-the-badge&label=) |
<h4>Network</h4> | | | | |
connectivity | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createConnectivitySignal | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/connectivity?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/connectivity?style=for-the-badge&label=) |
fetch | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createFetch | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/fetch?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/fetch?style=for-the-badge&label=) |
graphql | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createGraphQLClient | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/graphql?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/graphql?style=for-the-badge&label=) |
stream | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createStream<br />createAmplitudeStream<br />createMediaPermissionRequest<br />createAmplitudeFromStream<br />createScreen | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/stream?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/stream?style=for-the-badge&label=) |
websocket | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | makeWS<br />createWS<br />createWSState<br />makeReconnectingWS<br />createReconnectingWS<br />makeHeartbeatWS | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/websocket?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/websocket?style=for-the-badge&label=) |
<h4>Control Flow</h4> | | | | |
context | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createContextProvider<br />MultiProvider | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/context?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/context?style=for-the-badge&label=) |
jsx-tokenizer | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createTokenizer<br />createToken<br />resolveTokens<br />isToken | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/jsx-tokenizer?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/jsx-tokenizer?style=for-the-badge&label=) |
keyed | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | keyArray<br />Key<br />Entries | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/keyed?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/keyed?style=for-the-badge&label=) |
list | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | listArray<br />List | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/list?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/list?style=for-the-badge&label=) |
range | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | repeat<br />mapRange<br />indexRange<br />Repeat<br />Range<br />IndexRange | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/range?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/range?style=for-the-badge&label=) |
refs | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | mergeRefs<br />resolveElements<br />resolveFirst<br />Ref<br />Refs | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/refs?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/refs?style=for-the-badge&label=) |
<h4>Utilities</h4> | | | | |
controlled-props | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createControlledProp | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/controlled-props?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/controlled-props?style=for-the-badge&label=) |
cursor | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createElementCursor<br />createBodyCursor | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/cursor?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/cursor?style=for-the-badge&label=) |
date | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createDate<br />createDateNow<br />createTimeDifference<br />createTimeDifferenceFromNow<br />createTimeAgo<br />createCountdown<br />createCountdownFromNow | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/date?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/date?style=for-the-badge&label=) |
event-bus | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createEventBus<br />createEmitter<br />createEventHub<br />createEventStack | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/event-bus?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/event-bus?style=for-the-badge&label=) |
event-dispatcher | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createEventDispatcher | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/event-dispatcher?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/event-dispatcher?style=for-the-badge&label=) |
flux-store | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createFluxStore<br />createFluxFactory<br />createActions<br />createAction | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/flux-store?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/flux-store?style=for-the-badge&label=) |
history | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createUndoHistory | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/history?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/history?style=for-the-badge&label=) |
i18n | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | flatten<br />resolveTemplate<br />translator<br />scopedTranslator<br />chainedTranslator | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/i18n?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/i18n?style=for-the-badge&label=) |
platform | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | List of variables | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/platform?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/platform?style=for-the-badge&label=) |
promise | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | promiseTimeout<br />raceTimeout<br />until | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/promise?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/promise?style=for-the-badge&label=) |
props | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | combineProps<br />filterProps | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/props?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/props?style=for-the-badge&label=) |
scheduled | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | debounce<br />throttle<br />scheduleIdle<br />leading<br />createScheduled<br />leadingAndTrailing | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/scheduled?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/scheduled?style=for-the-badge&label=) |
script-loader | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createScriptLoader | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/script-loader?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/script-loader?style=for-the-badge&label=) |
share | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createSocialShare<br />createWebShare | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/share?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/share?style=for-the-badge&label=) |
<h4>Reactivity</h4> | | | | |
deep | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | trackDeep<br />trackStore<br />captureStoreUpdates | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/deep?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/deep?style=for-the-badge&label=) |
destructure | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | destructure | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/destructure?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/destructure?style=for-the-badge&label=) |
immutable | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | createImmutable | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/immutable?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/immutable?style=for-the-badge&label=) |
lifecycle | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createIsMounted<br />isHydrated<br />onConnect | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/lifecycle?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/lifecycle?style=for-the-badge&label=) |
map | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | ReactiveMap<br />ReactiveWeakMap | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/map?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/map?style=for-the-badge&label=) |
memo | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createLatest<br />createLatestMany<br />createWritableMemo<br />createLazyMemo<br />createPureReaction<br />createMemoCache<br />createReducer | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/memo?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/memo?style=for-the-badge&label=) |
mutable | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createMutable<br />modifyMutable | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/mutable?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/mutable?style=for-the-badge&label=) |
resource | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createAggregated<br />createDeepSignal<br />makeAbortable<br />createAbortable<br />makeCache<br />makeRetrying | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/resource?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/resource?style=for-the-badge&label=) |
rootless | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createSubRoot<br />createCallback<br />createDisposable<br />createSharedRoot<br />createRootPool | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/rootless?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/rootless?style=for-the-badge&label=) |
set | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | ReactiveSet<br />ReactiveWeakSet | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/set?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/set?style=for-the-badge&label=) |
signal-builders | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | List of builders | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/signal-builders?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/signal-builders?style=for-the-badge&label=) |
state-machine | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createMachine | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/state-machine?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/state-machine?style=for-the-badge&label=) |
static-store | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createStaticStore<br />createDerivedStaticStore | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/static-store?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/static-store?style=for-the-badge&label=) |
trigger | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | createTrigger<br />createTriggerCache | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/trigger?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/trigger?style=for-the-badge&label=) |
<h4>UI Patterns</h4> | | | | |
marker | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-1.json) | createMarker | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/marker?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/marker?style=for-the-badge&label=) |
masonry | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createMasonry | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/masonry?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/masonry?style=for-the-badge&label=) |
pagination | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createPagination<br />createInfiniteScroll | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/pagination?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/pagination?style=for-the-badge&label=) |
virtual | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | VirtualList | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/virtual?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/virtual?style=for-the-badge&label=) |
<h4>Animation</h4> | | | | |
presence | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createPresence | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/presence?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/presence?style=for-the-badge&label=) |
raf | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createRAF<br />createMs<br />targetFPS | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/raf?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/raf?style=for-the-badge&label=) |
transition-group | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-2.json) | createSwitchTransition<br />createListTransition | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/transition-group?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/transition-group?style=for-the-badge&label=) |
tween | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-3.json) | createTween | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/tween?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/tween?style=for-the-badge&label=) |
<h4>Solid Start</h4> | | | | |
start | ![STAGE](https://img.shields.io/endpoint?style=for-the-badge&label=&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json) | createServerCookie<br />createUserTheme | ![SIZE](https://img.shields.io/bundlephobia/minzip/@solid-primitives/start?style=for-the-badge&label=) | ![VERSION](https://img.shields.io/npm/v/@solid-primitives/start?style=for-the-badge&label=) |