Solid Primitives

A project that strives to develop high-quality, community contributed Solid primitives. All utilities are well tested and continuously maintained. Every contribution to the repository is checked for quality and maintained to the highest degree of excellence. The ultimate goal is to extend Solid's primary and secondary primitives with a set of tertiary primitives.

While Solid Primitives is not officially maintained by the SolidJS Core Team, it is managed by members of the SolidJS core and ecosystem teams. This separation allows the core library to iterate independently while allowing Solid Primitives to remain in-sync with future plans.

Philosophy

The goal of Solid Primitives is to wrap client and server side functionality to provide a fully reactive API layer. Ultimately the more rooted our tertiary primitives are, the more they act as foundation within Solid's base ecosystem. With well built and re-used foundations, the smaller (aggregate tree-shaking benefits), more concise (readability) and stable (consistent and managed testing + maintenance) applications can be overall.

Primitives

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