Workflow Builder Card
Draggable workflow builder card with connection lines and state management.
CardReactFramer Motion
CSSshadcnCustom CSS
Manual
Create a file and paste the following code into it.
src/App.tsx
1
2
3
4
5
6
7
import WorkflowBuilderCardDemo from "@/components/workflow-builder-card-demo";
function App() {
return <WorkflowBuilderCardDemo />;
}
export default App;Update the import paths to match your project setup.