Flow

A group of components for building directed flow diagrams with nodes and connectors.

Library

Animations (Svelte)

Framework

Svelte

Type

block

License

MIT

Dependencies

motion-sv, runed

Install

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/flow.json

Files

• src/lib/components/magic/flow/connectors.svelte
• src/lib/components/magic/flow/flow-anchor.svelte
• src/lib/components/magic/flow/flow-node-list.svelte
• src/lib/components/magic/flow/flow-node.svelte
• src/lib/components/magic/flow/flow-parallel.svelte
• src/lib/components/magic/flow/flow-root.svelte
• src/lib/components/magic/flow/connectors.ts
• src/lib/components/magic/flow/descendants.svelte.ts

Source

https://github.com/SikandarJODD/animations

Categories

• Connector Components
• Tailwind CSS Connector Components
• Diagram Components
• Tailwind CSS Diagram Components
• Animated Diagram Components
• Effect Components
• Svelte Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components
• Flow Diagram Components
• Tailwind CSS Flow Diagram Components

More from Animations (Svelte)

• Animated Beam
• Animated Background
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Animated Theme Toggler
• Arc Timeline
• Aurora Text
• Avatar Circles
• Backlight