nowfound

Life & fun · September 19, 2021

LP

Live-paint (powered by ts-liveview)

live-paint (https://paint.liveviews.cc/) is a demonstration of ts-liveview v2-rc3. The server converts JSX expression into plain HTML response. The UI is then updated via websocket. As opposite to React.js. The DOM updates are fired from server, and instructed with query selector (no virtual DOM). Hence, the amount of javascript downloaded and executed by client are minimal (or even optional for static web pages).

Live-paint (powered by ts-liveview) launched on September 19, 2021 with 5 votes and more than 50% of that year's launches.

Alternatives

Does a similar job

all alternatives →
  • LiveViewJS – TypeScript back end for LiveView Apps (Phoenix LiveView)2022 · github.com · ▲146

    Author here. I really love the programming paradigm behind by Phoenix LiveView applications and wanted to expand the ecosystem to include programmers like myself that love Typescript. In summary, LiveViewJS reuses all the Phoenix client code and implemented a new backend in Typescript to handle client events and send back updates. Lots more detail and examples in the repo. Would love any questions and/or feedback. Thanks!

  • marker.js Live2021 · markerjs.com · ▲78

    Display dynamic and responsive image annotations, live

  • JS Paint2018 · jspaint.app · ▲201

    MS Paint nostalgia made in JavaScript.

  • Repaint – a WebGL based website builder2024 · repaint.com · ▲236

    Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…

  • Codewich – A live-updating TypeScript/CSS/HTML playground2017 · codewich.com · ▲114

    Create and share simple web demos using TypeScript, CSS, and HTML. Prototype new ideas quickly.

  • RL
    React-live2015 · dariocravero.github.com · ▲31

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, September 2021

the whole month →