Ask HN: Coolest/most useful tools implemented in browser?

Posted by JCOdom on Wednesday February 12, 2020 @12:27PM
from the ask-hn dept.

I am a front end developer, and with the browser becoming more and more powerful over the years (JS standardization, emscripten, wasm, webgpu), I'm curious to look at some of the powerful tools that people are building in the browser.

I tried searching on Github (language: js) and Google, but the vast majority of the results are for node.js projects - I am having a hard time filtering out the 'purely front end' projects.

Could you please share some of your favorites?

( 9 comments | 18 points | on HN )

Re:Ask HN: Coolest/most useful tools implemented in browser? by nirav72 on Thursday February 13, 2020 @02:12AM (#22315927)

https://gchq.github.io/CyberChef/

[ Parent | on HN ]

Re:Ask HN: Coolest/most useful tools implemented in browser? by rikschennink on Friday February 14, 2020 @02:20AM (#22324629)

https://doka.photo/ an browser based image editor and https://pqina.nl/doka/ the editor component doka.photo is based on.

Disclaimer: I'm the developer behind these tools :)

[ Parent | on HN ]

Re:Ask HN: Coolest/most useful tools implemented in browser? by jones1618 on Friday February 14, 2020 @04:32PM (#22330615)

I'm not sure what "powerful tools ... in the browser" means for you, but here are some pure front-end JavaScript projects that I find to be powerful:

  1. "Live" documents/notebooks like:
  * Tangle - http://worrydream.com/Tangle/
  * Mozilla Iodide - https://hacks.mozilla.org/2019/03/iodide-an-experimental-tool-for-scientific-communicatiodide-for-scientific-communication-exploration-on-the-web/

  2. Visualization libraries:
  * D3.js - https://d3js.org/
  * Vega - https://vega.github.io/vega/

  3. Processing - http://processingjs.org/

[ Parent | on HN ]

Re:Ask HN: Coolest/most useful tools implemented in browser? by robertbalent on Wednesday February 12, 2020 @11:58PM (#22315428)

https://www.photopea.com/ - Full featured image editor in browser.

[ Parent | on HN ]

Re:Ask HN: Coolest/most useful tools implemented in browser? by actionowl on Thursday February 13, 2020 @11:32AM (#22318998)

These are all a bit old, but I still think they're cool!

https://bellard.org/jslinux/

https://github.com/marmelab/gremlins.js

http://processingjs.org

[ Parent | on HN ]

Re:Ask HN: Coolest/most useful tools implemented in browser? by egfx on Saturday February 15, 2020 @02:43AM (#22333942)

My animation studio https://gif.com.ai

[ Parent | on HN ]

Re:Ask HN: Coolest/most useful tools implemented in browser? by init on Wednesday February 12, 2020 @05:41PM (#22313606)

www.soundtrap.com uses the web audio APIs and WebRTC to build a music making app in the browser.

[ Parent | on HN ]

Re:Ask HN: Coolest/most useful tools implemented in browser? by 0x1221 on Thursday February 13, 2020 @02:38PM (#22320705)

JupyterLab

[ Parent | on HN ]

Re:Ask HN: Coolest/most useful tools implemented in browser? by machawinka on Friday February 14, 2020 @09:35PM (#22332752)

draw.io

[ Parent | on HN ]