Skip to Content

Upgrade your apps with Svelte Flow Prostarstarstar Content

Get advanced Svelte Flow examples and templates to use in your node-based UIs, crafted by the Svelte Flow core team.

See Plans
Overview of the pro example apps
By the creators of Svelte Flow

Feature-complete and crafted by the core team

Downloadable Vite apps and guides

Step-by-step instructions on how each example works

Regularly Added and Updated

Subscribers are the first to get new pro content and refactors

Subscribe for one, use them forever

Download the pro examples and templates and use them anywhere

Svelte Flow Prostarstarstar Examples

These are our pro examples that you can use in your projects.

Auto Layout screenshot
Auto Layout

Automatically layout nodes using a layout algorithm.

Demo
Force Layout screenshot
Force Layout

Force-directed layout for automatic node positioning.

Demo
Freehand Draw screenshot
Freehand Draw

Freehand drawing on the canvas.

Demo
Node Position Animation screenshot
Node Position Animation

Animate nodes when their position changes.

Demo
Parent Child Relation screenshot
Parent Child Relation

Dynamically attach and detach nodes from parent containers with drag and drop functionality

Demo
Selection Grouping screenshot
Selection Grouping

This example demonstrates how to create dynamic node grouping in Svelte Flow.

Demo
Shapes screenshot
Shapes

Custom nodes in various shapes commonly used in flowcharts.

Demo

Get Started

Boost your apps with Svelte Flow Pro

Get full access to all pro examples with just one month with a Pro subscription — from €129.

Are you a student, educator, or open source developer?
Get all of these Pro examples for free

For education purposes

Email us at info@xyflow.com using your university email address


For non-commercial open source projects

Contact us with the link to the GitHub or GitLab repository