React Animation Primitive Components

Dev Design Library indexes 14 React animation primitive components from 6 open-source UI libraries, with the most coming from Amicro Micro Transitions, OpenSourceUI, Lobe UI, SpaceUI and UI Lab. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Animation primitive components belong to the Utilities group.

• Fade DownAmicro Micro Transitions · ReactFade with downward translation.
• Motion ProviderLobe UI · ReactMotionProvider lets you choose which motion component (motion or m) Lobe UI uses.
• Focus Breath WidgetOpenSourceUI · React
• Spring PlaygroundUI Lab · ReactTune a spring and watch its overshoot and settle, plotted live.
• PresenceCojeev UI · ReactMotionPresence keeps keyed children mounted for their exits. MotionSurface adds coordinated lifecycle states to an…
• Motion EffectSpaceUI · React
• Fade InAmicro Micro Transitions · ReactBasic fade entrance animation.
• Fade UpAmicro Micro Transitions · ReactFade with upward translation.
• Scale InAmicro Micro Transitions · ReactScale transition from small to actual size.
• Scroll RevealAmicro Micro Transitions · ReactReveal content block as it scrolls into viewport.
• Slide LeftAmicro Micro Transitions · ReactSlide in from right to left.
• Slide RightAmicro Micro Transitions · ReactSlide in from left to right.
• Sticky RevealAmicro Micro Transitions · ReactApple-style scroll-linked side sticky content reveal.
• Zoom InAmicro Micro Transitions · ReactScale transition combined with deep blur/depth effect.

Libraries with React animation primitive components

• Amicro Micro Transitions
• OpenSourceUI
• Lobe UI
• SpaceUI
• UI Lab

Related categories

• Animation Primitive Components
• Tailwind CSS Animation Primitive Components
• Animated Animation Primitive Components
• React Utility Components
• React Color Palette Components