open-agent-builder
π₯ Visual workflow builder for AI agents powered by Firecrawl - drag-and-drop web scraping pipelines with real-time execution
File Explorer
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- layout.tsx
- page.tsx
- sheets.ts
- EndpointsCrawl.tsx
- EndpointsExtract.tsx
- EndpointsMap.tsx
- EndpointsScrape.tsx
- EndpointsSearch.tsx
- Extract.tsx
- Mcp.tsx
- CenterStar.tsx
- Background.tsx
- BackgroundOuterPiece.tsx
- Badge.tsx
- AnimatedRect.ts
- BlinkingContainer.ts
- Dot.ts
- cell.ts
- cellReveal.ts
- crawl.ts
- index.ts
- mapping.ts
- scrape.ts
- search.ts
- ascii.ts
- Pixi.tsx
- Title.tsx
- Hero.tsx
- data.json
- HeroFlame.tsx
- ArrowRight.tsx
- Globe.tsx
- Button.tsx
- Mobile.tsx
- Tabs.tsx
- HeroInput.tsx
- BrowserMobile.tsx
- BrowserTab.tsx
- Check.tsx
- Loading.tsx
- Code.tsx
- Tag.tsx
- HeroScraping.css
- HeroScraping.tsx
- Step2Placeholder.tsx
- ConfirmDialog.tsx
- ConnectionMapperModal.tsx
- ConnectorsPanel.tsx
- CustomNodes.tsx
- DataNodePanel.tsx
- DataNodePanel.tsx.backup
- EdgeLabelModal.tsx
- ExecutionPanel.tsx
- ExportLangGraphButton.tsx
- ExtractNodePanel.tsx
- HTTPNodePanel.tsx
- LogicNodePanel.tsx
- MCPPanel.tsx
- NodeArgumentsPanel.tsx
- NodeIOBadges.tsx
- NodePanel.tsx
- NoteNodePanel.tsx
- OutputSchemaPanel.tsx
- PasteConfigModal.tsx
- PreviewPanel.tsx
- PublishModal.tsx
- SaveAsTemplateModal.tsx
- SettingsPanelSimple.tsx
- ShareWorkflowModal.tsx
- StartNodePanel.tsx
- TestEndpointPanel.tsx
- ToolsNodePanel.tsx
- UniversalOutputSelector.tsx
- VariableReferencePicker.tsx
- WorkflowBuilder.tsx
- WorkflowNameEditor.tsx
- FirecrawlIcon.tsx
- use-dropdown-hover.ts
- FirecrawlLogo.tsx
- BigIntProvider.tsx
- Button.css
- Button.tsx
- capsule-button.tsx
- fire-action-link.tsx
- index.ts
- slate-button.tsx
- color-styles.tsx
- combobox.tsx
- auth-pulse.tsx
- pulse-data.json
- grid-data.json
- slate-grid.tsx
- subtle-wave.tsx
- wave-data.json
- ascii-explosion.tsx
- core-flame.json
- core-flame.tsx
- explosion-data.json
- flame-background.tsx
- Flame.tsx
- hero-flame-data.json
- hero-flame-right.tsx
- hero-flame.tsx
- index.ts
- subtle-explosion.tsx
- index.ts
- subtle-ascii-animation.tsx
- firecrawl-icon-static.tsx
- firecrawl-icon.tsx
- Logo.tsx
- Download.tsx
- Guidelines.tsx
- Icon.tsx
- BrandKit.tsx
- Content.tsx
- NavItemRow.tsx
- data.json
- Flame.tsx
- Github.tsx
- Item.tsx
- Mobile.tsx
- ArrowUp.tsx
- Replit.tsx
- Flame.tsx
- Stories.tsx
- Wrapper.tsx
- GithubIcon.tsx
- GithubClient.tsx
- Affiliate.tsx
- Api.tsx
- ArrowRight.tsx
- Careers.tsx
- Changelog.tsx
- Chats.tsx
- Lead.tsx
- MCP.tsx
- Platforms.tsx
- Research.tsx
- Student.tsx
- Templates.tsx
- ChevronDown.tsx
- Item.tsx
- Nav.tsx
- RenderEndpointIcon.tsx
- Toggle.tsx
- Wrapper.tsx
- HeaderContext.tsx
- animated-chevron.tsx
- animated-icons.tsx
- arrow-animated.tsx
- check.tsx
- chevron-slide.tsx
- copied.tsx
- copy.tsx
- curve.tsx
- fingerprint-icon.tsx
- GitHub.tsx
- Logo.tsx
- openai.tsx
- source-icon.tsx
- symbol-colored.tsx
- symbol-white.tsx
- tremor-placeholder.tsx
- wordmark-colored.tsx
- wordmark-white.tsx
- getImageSrc.ts
- Image.tsx
- animated-height.tsx
- animated-width.tsx
- curvy-rect-divider.tsx
- curvy-rect.tsx
- Shimmer.tsx
- usage-loading.tsx
- Logocloud.css
- Logocloud.tsx
- index.ts
- logo-cloud.tsx
- slack-notification.tsx
- Pixi.tsx
- PixiAssetManager.ts
- utils.ts
- types.ts
- PortalToBody.tsx
- json-error-highlighter.tsx
- live-preview-frame.tsx
- multiple-web-browsers.tsx
- web-browser.tsx
- search-params-provider.tsx
- SectionHead.css
- SectionHead.tsx
- SectionTitle.tsx
- Tabs.tsx
- app-dialog.tsx
- ascii-dot-loader.tsx
- dot-grid-loader.tsx
- empty-state.tsx
- index.ts
- loading-state.tsx
- mobile-sheet.tsx
- stat-card.tsx
- portal-to-body.tsx
- animated-dot-icon.tsx
- ascii-background.tsx
- ascii-flame-background.tsx
- ErrorBoundary.tsx
- flame-button.tsx
- hero-flame.tsx
- lockBody.tsx
- macbook-scroll.tsx
- play-tabs.tsx
- pylon.tsx
- index.ts
- LoadingDots.module.css
- LoadingDots.tsx
- animated-shiny-text-lw.tsx
- animated-shiny-text.tsx
- dock.tsx
- dot-pattern.tsx
- gradual-spacing.tsx
- ripple.tsx
- scramble-text.tsx
- text-reveal.tsx
- accordion.tsx
- alert-dialog.tsx
- badge.tsx
- button.css
- button.tsx
- card.tsx
- checkbox.tsx
- collapsible.tsx
- combobox.tsx
- context-menu.tsx
- data-table.tsx
- dialog.tsx
- dropdown-menu.tsx
- form.tsx
- input.tsx
- label.tsx
- navigation-menu.tsx
- popover.tsx
- progress.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- slider.tsx
- switch.tsx
- tabs.tsx
- textarea.tsx
- toast.tsx
- toggle.tsx
- tooltip-radix.tsx
- tooltip.tsx
- button-demo.tsx
- button.tsx
- code.tsx
- image.tsx
- index.ts
- loading-dashboard.tsx
- menu-header.tsx
- menu.tsx
- modal.tsx
- scrollbar.tsx
- spinner.tsx
- table.tsx
- video.tsx
- WorkflowExecutionRenderer.tsx
- api.d.ts
- api.js
- dataModel.d.ts
- server.d.ts
- server.js
- admin.ts
- apiKeys.ts
- approvals.ts
- auth.config.ts
- executions.ts
- mcpServers.ts
- README.md
- schema.ts
- templates.ts
- tsconfig.json
- tsconfig.tsbuildinfo
- userLLMKeys.ts
- userMCPs.ts
- workflows.ts
- useApprovalWatch.ts
- useDebouncedEffect.ts
- useWorkflow.ts
- useWorkflowExecution.ts
- auth.ts
- config.ts
- llm-keys.ts
- models.ts
- approval-store.ts
- auth-store.ts
- openai-tools.ts
- tools.ts
- workflow-helpers.ts
- llm-config.ts
- client.ts
- index.ts
- WorkflowError.ts
- mcp-registry.ts
- resolver.ts
- agent.ts
- arcade.ts
- data.ts
- extract.ts
- http.ts
- logic.ts
- mcp.ts
- tools.ts
- 01-simple-agent.ts
- 02-agent-with-firecrawl.ts
- 03-scrape-summarize-docs.ts
- 04-advanced-workflow.ts
- index.ts
- README.md
- default-workflows.ts
- duplicate-detection.ts
- edge-cleanup.ts
- error-boundaries.ts
- langgraph.ts
- mcp-registry.ts
- storage.ts
- templates.ts
- types.ts
- validation.ts
- variable-substitution.ts
- compressor.json
- favicon.png
- custom-fonts.css
- theme.css
- utility-patterns.css
- button.css
- code.css
- index.css
- body.css
- layout.css
- reset.css
- animations.css
- colors.css
- fonts.css
- typography.css
- utilities.css
- chrome-bug.css
- colors.json
- fire.css
- main.css
- workflow-execution.css
- cn.ts
- init-canvas.ts
- on-visible.ts
- set-timeout-on-visible.ts
- sleep.ts
- .eslintrc.json
- .gitignore
- .npmrc
- colors.json
- convex.json
- next-env.d.ts
- next.config.js
- package-lock.json
- package.json
- postcss.config.js
- proxy.ts
- README.md
- repomix.config.json
- tailwind.config.ts
- tsconfig.json
- tsconfig.tsbuildinfo
# Use via CDN
jsDelivrjsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.
Command Glossary
Commands referenced in this DOCs, explained below.
git clone
View Details βΌ
git clone
Clone an existing repository.
git clone {{remote_repository_location}} {{path/to/directory}}
Clone an existing repository into a new directory (the default directory is the repository name):
git clone --recursive {{remote_repository_location}}
Clone an existing repository and its submodules:
git clone {{[-n|--no-checkout]}} {{remote_repository_location}}
Clone only the `.git` directory of an existing repository:
npm install
View Details βΌ
npm install
Install Node packages.
npm {{[i|install]}}
Install dependencies listed in `package.json`:
npm {{[i|install]}} {{package_name}}@{{version}}
Download a specific version of a package and add it to the list of dependencies in `package.json`:
npm {{[i|install]}} {{package_name}} {{[-D|--save-dev]}}
Download the latest version of a package and add it to the list of dev dependencies in `package.json`:
npm run
View Details βΌ
npm run
Run a script.
npm run
List available scripts:
npm run {{script_name}}
Run a script:
npm run {{script_name}} -- {{argument}} {{--option}}
Pass arguments to a script:
npm start
View Details βΌ
npm start
This command is an alias of `npm run start`.
tldr npm run
View documentation for the original command:
npm
View Details βΌ
npm
JavaScript and Node.js package manager.
Manage Node.js projects and their module dependencies.
Some subcommands such as `install`, `run`, etc. have their own usage documentation.
npm init {{[-y|--yes]}}
Create a `package.json` file with default values (omit `--yes` to do it interactively):
npm {{[i|install]}}
Download all the packages listed as dependencies in `package.json`:
npm {{[i|install]}} {{package_name}}@{{version}}
Download a specific version of a package and add it to the list of dependencies in `package.json`:
npx
View Details βΌ
npx
This command is an alias of `npm exec`.
tldr npm exec
View documentation for the original command:
vercel
View Details βΌ
vercel
Deploy and manage your Vercel deployments.
vercel
Deploy the current directory:
vercel --prod
Deploy the current directory to production:
vercel {{path/to/project}}
Deploy a directory:
