Command Palette

Search for a command to run...

—

Motion Overview

Explore production-ready React motion components built for modern interfaces, with customizable animations and copy-paste ready code.

Branch Flow

New

A customizable Workflow Flow Animation with particles traveling along branching paths to visualize processes, pipelines, data flows, and connected systems.

Workflow Flow AnimationLogo Network Animation

Hub Flow

NEW

A customizable Integration Network Animation connecting brands through flowing paths and particles, with active highlights for SaaS integrations and partner networks.

Integration Network AnimationPartner Network Animation

Converge

NEW

A customizable AI Orchestration Animation where flowing particles converge through multiple paths to visualize AI workflows, pipelines, and process flows.

AI Orchestration AnimationAI Workflow Animation

Network Pulse

NEW

A Network Flow Animation that highlights active connections with flowing particles and rotating network states, revealing related information for each connection.

Animated Network FlowNetwork Flow Animation

Pipeline

NEW

A React Workflow Pipeline Animation component for visualizing data flows, workflows, processes, integrations, and multi-step systems.

Data Pipeline AnimationWorkflow Pipeline Animation

Signal

NEW

Signal is a customizable React flow animation that uses particles traveling along paths to visualize data, workflows, networks, and active connections.

AI Workflow AnimationAgent Flow Animation

Data Flow

NEW

An animated React data flow component for visualizing integrations, data pipelines, AI workflows, and connections between products or services.

React Data Flow ComponentReact Data Flow Visualization

Connection Flow

NEW

A smooth React animation for visualizing data flows, SaaS integrations, API connections, and connected systems with curved paths and continuously moving particles.

React animated networkSaaS integration animation

Node Flow

NEW

A lightweight React motion component for visualizing AI agent flows, connected services, network relationships, and node-based workflows with animated connections.

React AI agent flowReact node graph

Wave CTA

UPDATED

An interactive React Wave Background CTA built with Framer Motion in React, featuring a fluid wave animation that improves user engagement in modern landing pages and UI components.

React wave background

Waveform

UPDATED

A lightweight React waveform component designed to add subtle motion and visual rhythm to modern interfaces. Ideal for hero sections, audio visuals, or loading states, it brings dynamic feedback without heavy dependencies.

React wave background

Origin

UPDATED

An animated network component for visually connecting apps, services, brands, or other entities around a central origin. Use it for SaaS integrations, partner ecosystems, connected services, relationship diagrams, or product networks.

React logo networkReact relationship diagram

Nexus

UPDATED

A customizable motion component for creating connected visual systems with animated paths, particles, and dynamic movement.

Animated integration networkReact connected services