head to head · open source
puck vs f-flow
puck has 13,621 GitHub stars, 1,034 forks, 200 open issues and last shipped 7 days ago. f-flow has 541 stars, 66 forks, 10 open issues and last shipped 11 days ago. puck leads on adoption by 2,418% (13,621 vs 541 stars). puck is written in TypeScript under MIT; f-flow is written in TypeScript under MIT. puck has attracted 8% as many forks as stars, f-flow 12%. puck was the more recently maintained of the two, and both are self-hostable with no licence fee. The two share 1 topic tag (drag-and-drop), so they are genuine substitutes rather than adjacent tools.
Two open source projects, one decision. Both are free and self-hostable — the differences are community size, license terms, language stack and release pace.
← all 20902 open source comparisons
Side by side
| puck | f-flow | |
|---|---|---|
| GitHub stars | ★ 14K | ★ 541 |
| License | MIT | MIT |
| Written in | TypeScript | TypeScript |
| Last push | 2026-10-29 | 2026-10-25 |
| Forks | ⑂ 1.0K | ⑂ 66 |
| Self-hosting | Yes | Yes |
| Data ownership | Your server | Your server |
pick puck if
- You weight community size — 14K stars and counting
- You want the MIT license terms
- Your stack matches TypeScript
- You value the larger contributor base for long-term maintenance
pick f-flow if
- You want the f-flow feature set and don't need the biggest community
- You prefer the MIT license terms
- Your stack matches TypeScript
- You evaluated both and f-flow fits your workflow better
About puck
The visual editor for React Documentation • Demo • Discord • Contributing ⭐️ Enjoying Puck? Please leave a star! What is Puck? Puck is a modular, open source visual editor for React.js. You can use Puck to build custom drag and drop experiences with your own application and React components. Because Puck is just a React component, it plays well with all React.js environments, including Next.js. You own your data and there’s no vendor lock in. Puck is also licensed under MIT, making it suitable for both internal systems and commercial applications. Quick start Install the package: Render the editor: Render the…
About f-flow
Foblex Flow The most adopted node editor library for Angular — for production workflow builders, AI pipelines, and interactive diagram editors. Foblex Flow ships the hard parts of a production node editor — drag logic, hit testing, SVG connection paths, reassign, selection, zoom, and undo/redo — as Angular native building blocks. Begin with f flow , f canvas , nodes, and connections, then add richer editor features only when your product needs them. It powers production products such as Luware Nimbus, ProcessMIX, XpertAI, and EpicStaff. Use it to create workflow builders, AI low code tools, call flow editors…
read the full f-flow overview →
More in Productivity & Utilities
Related comparisons
More Automation projects
Compare either of these against the rest of the Automation field.
Frequently asked questions
Is puck or f-flow more popular?
puck has 13,621 GitHub stars and f-flow has 541. puck has the larger community by that measure.
Are puck and f-flow free?
Both are open source. puck is licensed under MIT and f-flow under MIT. Neither carries a licence fee.
What is the difference between puck and f-flow?
puck is written in TypeScript and f-flow in TypeScript. The practical differences are community size, licence terms, language stack and release cadence — all compared in the table above.
Which should I choose, puck or f-flow?
Choose puck if you want the larger community (13,621 stars) or its MIT licence terms. Choose f-flow if its feature set, stack or MIT licence fits better. Both are self-hostable.