NewMCP is live— Let your agent search and build from the real sourceSet it up
Native BloomNative BloomNative BloomNative Bloom
Native Bloom


Core
Entering / exiting
102
Gesture-driven
436
Keyboard-driven
36
Layout
93
Scroll-driven
255
Sensor-driven
14
Transition
255
Graphics
Filament
13
Lottie
12
Matter.js
1
Rive
1
Shader
122
Skia
389
SVG
87
Three.js
3
WebGPU
41
Patterns
Drag & drop
14
Fluid
27
Marquee
15
Morph
89
Parallax
25
Physics
43
Ripple
17
Rotate
129
Scale
95
Shared transition
35
Shimmer
39
Stagger
40
Translate
65

  1. All blocks
  2. Animations

Animations

29 animations

How a block moves: what drives the motion (gesture, scroll, transition), what draws it (Skia, shaders, SVG), and the pattern it follows (morph, physics, stagger).

Core

  • Entering / exiting102 blocks
  • Gesture-driven436 blocks
  • Keyboard-driven36 blocks
  • Layout93 blocks
  • Scroll-driven255 blocks
  • Sensor-driven14 blocks
  • Transition255 blocks

Graphics

  • Filament13 blocks
  • Lottie12 blocks
  • Matter.js1 block
  • Rive1 block
  • Shader122 blocks
  • Skia389 blocks
  • SVG87 blocks
  • Three.js3 blocks
  • WebGPU41 blocks

Patterns

  • Drag & drop14 blocks
  • Fluid27 blocks
  • Marquee15 blocks
  • Morph89 blocks
  • Parallax25 blocks
  • Physics43 blocks
  • Ripple17 blocks
  • Rotate129 blocks
  • Scale95 blocks
  • Shared transition35 blocks
  • Shimmer39 blocks
  • Stagger40 blocks
  • Translate65 blocks
  1. All blocks
  2. Animations