Start

What Wardic is
Why Wardic
Start on Solid 1
Start on Solid 2
Coming from Motion
Roadmap

Guides

Animate an element
Transitions
Variants
Gestures
Drag
Layout animations
Exit animations
Reorder
Scroll
Live values

In production

Server rendering
Shipping less
Reduced motion
Testing
Observability

Reference

Solid reference
Core reference
DOM reference

Elements

w
wardic
Wards
Ward events
Motion props

Provider

WardicProvider
WardicConfig
LazyWardic
Features

Presence

AnimatePresence
usePresence
useIsPresent
usePresenceData
createPresence
PresenceContext

Layout

LayoutGroup
useAnimateLayout
createInstantTransition
createInstantLayoutTransition
createResetProjection
measureLayoutBox

Reorder

Reorder
Reorder groups
Reorder items

Gestures

createHover
createPress
createFocus
createInView
createPageInView
createDrag
createDragControls

Live values

createTransform
createSpring
createFollowValue
createVelocity
createTime
createScroll
createAnimationFrame
createWillChange

Animation

createAnimate
Sequences
createAnimationControls

Transitions

transition
Easing
stagger
arc

Utilities

createCycle
createReducedMotion
Page points
Component checks
VERSION

Advanced

The runtime
Bridges
The flush gate
Variant context
runDragTrack
createProjectionNode

Core

DOM

Appear
Color
DomAnnouncer
DomClock
DomDefaultTransition
DomInput
DomInterpolators
DomKeyRules
DomPositionalKeys
DomProbe
DomProjectionSystem
DomRenderer
FlushGate
MeasuredPair
OwnValues
ProjectionSystem
ReorderController
Report
ScrollOffset
Style
Svg
Variables

Variables: its internal types

Type Aliases

Value

type Value = number | string;

What a Variable value resolves to: a number or a string.

MIT licensed. Parts are ported from Motion, MIT licensed too. Source on GitHub. Write to [email protected].