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
  • Announcer
  • Arc
  • AutoScroll
  • BaseValue
  • Box
  • Clock
  • DefaultTransition
  • Drag
  • DragActivity
  • DragRecognizer
  • Easing
  • Frame
  • FrameLoop
  • Inertia
  • InputFeed
  • InputSource
  • Interpolator
  • InterpolatorRegistry
  • LiveValue
  • Machine
  • Microtask
  • Override
  • Playback
  • Point
  • PressClaims
  • Probe
  • Projection
  • Recognizer
  • ReducedMotion
  • RefreshFrameSource
  • Renderer
  • Reorder
  • Scalar
  • Sequence
  • SharedSource
  • Spring
  • Stagger
  • Supersede
  • Values
  • Velocity
  • Wave
DOM
  • Appear
  • Color
  • DomAnnouncer
  • DomClock
  • DomDefaultTransition
  • DomInput
  • DomInterpolators
  • DomKeyRules
  • DomPositionalKeys
  • DomProbe
  • DomProjectionSystem
  • DomRenderer
  • FlushGate
  • MeasuredPair
  • OwnValues
  • ProjectionSystem
  • ReorderController
  • Report
  • ScrollOffset
  • Style
  • Svg
  • Variables

Sequence: its internal types

Interfaces

Placing

The delay a key's transition in a Segment takes, each subject's when it's a function.

Properties

delay?
readonly delay?: Delay;

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