nowfound

Life & fun · March 11, 2019

MW

Mixing WebGL and HTML, Both Rendered Out in React

Mixing WebGL and HTML, Both Rendered Out in React launched on March 11, 2019 with 129 votes, #231 of 2,994 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 7 years on.

Visit subdued-health.surge.sh ↗Alternativestop 8% of March 2019

In plain words

This React-based tool combines WebGL graphics with HTML elements in a single interface. It enables developers to integrate 3D rendering capabilities alongside standard web components within React applications. The project demonstrates practical techniques for mixing advanced graphics with traditional web markup, making it useful for developers building interactive applications that require both visual complexity and conventional UI elements.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • HTML to React2024 · ▲572

    Turn a design from any website into your own

  • Convert any website into a React component2024 · chromewebstore.google.com · ▲326

    Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…

  • AV
    A Visual IDE for React2022 · dev.aspect.app · ▲479

    I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

  • Airbnb React Sketch.app2017 · react-sketchapp.airbnb.tech · ▲745

    Render React components to Sketch for design systems

  • React 0.12 renders to Web Components2014 · gist.github.com · ▲45

    React render to polymer components! GitHub Gist: instantly share code, notes, and snippets.

  • Keep React2023 · bestsellers-ai.com · ▲256

    React-powered web solutions with open-source UI components

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, March 2019

the whole month →
  • AR
    A retro video game console I've been working on in my free time▲2,690

    Software and hardware projects for fun from a guy who loves retro computing

    Life & fun · 2019 · internalregister.github.io

  • Accessible Brand Colors▲1,163

    A tool to make sure your brand colors are ADA compliant.

    Dev tools · 2019 · abc.useallfive.com

  • Checklist Design▲1,158

    The best UI and UX practices for production ready design

    Work · 2019 · checklist.design

  • Product Hunt Tab▲647

    A virtual co-working space in your browser's new tab

    Work · 2019

  • Notion 2.3▲622

    Notions big update, now with Evernote import and web clipper

    Work · 2019 · notion.so

  • Voiceflow▲607

    Build voice apps in your browser without coding

    Dev tools · 2019 · voiceflow.com