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

Project Samples

Svelvet Screenshot 1

Project Activity

See All Activity >

Categories

Libraries

License

MIT License

Follow Svelvet

Svelvet Web Site

Other Useful Business Software
Forever Free Full-Stack Observability | Grafana Cloud Icon
Forever Free Full-Stack Observability | Grafana Cloud

Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
Create free account
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Svelvet!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript Libraries

Registered

2024-05-20
Report inappropriate content