Build interactive, node-based UIs and diagrams in Svelte. Svelvet is a lightweight component library for building dynamic, customizable node graphs. Svelvet allows you to easily create intuitive user interfaces and diagrams with pre-built components with node-to-node data flow, seamless zooming and panning, customizable edges and nodes and more. Start mapping out your ideas with our NPM package. Simply provide your node data to the Svelvet component and you're ready to show off your interactive diagram - no extra configuration needed. Svelvet is written in TypeScript and tested with Vitest, Playwright and Svelte Testing Library. Svelvet is maintained by motivated engineers seeking to contribute to the larger Svelte developer community and library ecosystem.
Features
- Documentation available
- Beautiful and customizable
- Build interactive UIs
- Build node-based diagrams in Svelte
- Elegant and smooth interface when selecting a node to drag it across the graph
- Fully customizable Edges, Nodes, Backgrounds and components