docs: replace codesandbox embed with repl (#122)

* docs: Animations

* docs: add confetti gun

* docs: update basic example on home page

* docs(deps): Add stackblitz sdk to deps

* chore: update yarn.lock

* docs: use vue repl

* docs: remove stackblitz sdk

* docs: basic repl example

* docs: use repl for examples/index.md (basic example)

* docs: pass ext to repl

* docs: add copy plugin

* docs: use import map instead of dynamic imports

* docs: use repl for custom node example

* docs: hide repl errors

* docs: use repl for custom connectionline example

* docs: use repl for edges example

* docs: exclude repl from ssr

* docs: use repl for nested example

* docs: use repl for stress example

* docs: rename customNode to custom-node

* docs: use repl for update-edge example

* docs: use repl for update-node example

* docs: use repl for validation example

* docs: use repl for save-restore example

* docs: scale down minimap in repl examples

* docs: use repl for dnd example

* docs: use repl for empty example

* docs: use repl for hidden example

* docs: use repl for interaction example

* docs: use repl for multi example

* docs: add pinia example with stackblitz

* docs: update basic example

* docs: update examples

* docs: remove transition from intro

* docs: update features

* update: README.md

* docs: scope css
This commit is contained in:
Braks
2022-05-26 19:28:25 +02:00
parent 6494b65b3e
commit 98a893108c
95 changed files with 2342 additions and 321 deletions
+9 -8
View File
@@ -22,16 +22,16 @@ the [examples](https://vueflow.dev/examples).
* [🎮 Quickstart](#-quickstart)
+ [ Vue 2](#-vue-2)
+ [🪴 Vue 2](#-vue-2)
* [🧪 Development](#-development)
+ [🐳 Dev Container](#-dev-container)
* [⭐ Stargazers](#-stargazers)
* [💝 Special Thanks](#-special-thanks)
* [⭐ Stargazers](#-stargazers)
## ⭐️ Features
- 👶 __Easy setup__: Get started hassle-free - Built-in zoom- & pan features, element dragging, selection and much more
@@ -50,6 +50,8 @@ the [examples](https://vueflow.dev/examples).
- 🕹 Controls: Control zoom behavior from a panel on the bottom left
- 🤖 And (many) more to come...
- 🦾 __Reliable__: Fully written in TypeScript
## 🛠 Setup
@@ -147,15 +149,14 @@ This project is built with
- [React Flow](https://reactflow.dev/)
- Vue flow is heavily based on [webkids'](https://webkid.io/) [react flow](https://reactflow.dev/). I wholeheartedly thank
them for their amazing work! Without them, Vue Flow would not exist.
Please consider [donating](https://github.com/sponsors/wbkd) to them!
them for their amazing work! Without them Vue Flow would not exist.
Please consider [donating](https://github.com/sponsors/wbkd) to them.
- [D3.js](https://d3js.org/)
- D3 makes all the zoom and pan actions in the graph possible.
Check it out to see if you can find other uses for it too!
- D3 makes all the zoom and pan actions in Vue Flow possible.
- [VueUse](https://vueuse.org/)
- VueUse is a collection of helpful utilities/composables that have been battle-tested.
- VueUse is a collection of essential vue composition utilities
## ⭐ Stargazers