Skip to content
Submit
Compare

tsParticles Preact vs Motion

Side-by-side compatibility, runtime support and editorial notes for Preact projects.

Start browsing libraries
Native PreactActive
tsParticles Preact

Official Preact component for configurable particle, confetti and animated canvas effects using the modular tsParticles engine.

npm@tsparticles/preact
Category
Animation
Compatibility
Native Preact
Maintenance
Active
Runtime
TypeScriptSSRIslandsESM
Verified
November 5, 2026
Tested with
Not documented
License
MIT
Bundle size
Not documented
Limitations
  • The canvas engine must initialize in the browser and should not run during server rendering.
  • The published peer dependency currently declares Preact 10 only; Preact 11 compatibility is not documented upstream.
  • Loading the full tsParticles bundle can be large; use selected engine packages when possible.
  • Continuous animation should respect reduced-motion preferences and performance budgets.
Score
Directory score96/100
Compatibility35/35
Maintenance20/20
TypeScript10/10
SSR6/10
Islands10/10
ESM5/5
Verification10/10
View tsParticles Preact profile
UnverifiedActive
Motion

Modern animation APIs for layout, gestures and transitions.

npmmotion
Category
Animation
Compatibility
Unverified
Maintenance
Active
Runtime
TypeScriptSSRIslandsESM
Verified
Not yet verified
Tested with
Not documented
License
MIT
Bundle size
Not documented
Score
Directory score62/100
Compatibility7/35
Maintenance20/20
TypeScript10/10
SSR10/10
Islands10/10
ESM5/5
Verification0/10
View Motion profile

At a glance

AttributetsParticles PreactMotion
CompatibilityNative PreactUnverified
MaintenanceActiveActive
TypeScriptNative TypeScriptNative TypeScript
SSRLimited SSRSSR supported
IslandsYesYes
Last verifiedNovember 5, 2026Not yet verified
AI auditNot auditedNot audited