AdamJBurns/workflows
Developer ToolsA drag-and-drop prototype for building automation rules on a canvas, aimed at developers exploring workflow editors.
Overview
Workflows is a front-end prototype of a drag-and-drop editor for automation rules. The canvas supports panning, zooming and moving steps, and connectors re-route as steps move. Each step can be continued with +, split into role-based branches by a condition, restricted to certain roles, and given an ordered list of actions. Slack, Asana, Mailchimp, Zapier and Spotify can be dragged onto the canvas as new steps or onto a step's Add action box. Every edit is undoable, and deletes that would break the flow are refused with an explanation.
The automation model lives in lib/flow as plain data and pure functions without React; each edit returns a new document, so undo and redo store snapshot history. The project is built with Next.js, React, TypeScript, Tailwind CSS and Motion, and it respects reduced-motion settings and full keyboard access.
Getting started
The project requires Node.js 20.9 or later. Install dependencies and start the development server:
npm install
npm run dev
Then open http://localhost:3000. A hosted copy is also available at workflows-tau.vercel.app.
Other scripts include npm run build for a production build, npm run start to serve it, npm run lint for ESLint, and npm run format / npm run format:check for Prettier. Keyboard shortcuts cover select/pan tools, space-to-pan, nudging steps with arrow keys, delete, undo/redo and Ctrl+scroll zoom; on macOS, ⌘ replaces Ctrl. The full shortcut table is in the README.
Constraints
This is a front-end prototype: changes live in the browser and reset on reload. Only the Automations screen is implemented. Other navigation items, Ask AI, Invite, notifications, New project, the account menu, the step ⋯ menu and the Learn more links are placeholders. The project is MIT-licensed. Linked-app logos load from Dashboard Icons and belong to their respective owners.
HotRepo's take
The repository entered HotRepo's new-project board on 2026-11-15 with 103 stars and 12 forks gained in roughly 22 hours, all within a single recorded snapshot. That places it in the early phase of attention, and the record is too short to describe a trend. What the technical material supports is a scoped prototype: a working canvas and editing model, with many UI elements still placeholders and no persistence. Use it as a reference implementation or starting point for a workflow editor, not as a finished automation product.
Links
Written by AI from the project's README, updated . The project's own docs are the source of truth.