nowfound

Life & fun · June 7, 2016

2D field of view demo

JSFiddle - Test your React, Tailwind, JavaScript, CSS, HTML online with JSFiddle.

2D field of view demo launched on June 7, 2016 with 333 votes, #36 of 4,334 launches that month and more than 99% of that year's launches. The site was still online in September 2026, 10 years on.

In plain words

2D Field of View Demo is an online code editor hosted on JSFiddle that lets developers test and experiment with React, Tailwind, JavaScript, CSS, and HTML in real-time. It's designed for web developers and programmers who need a quick sandbox environment to prototype and debug code without setting up a local development environment. The tool provides immediate visual feedback, making it useful for testing UI components and styling before implementation.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • Layouts.dev2024 · layouts.dev · ▲699

    A notebook for building interfaces with Tailwind & shadcn/UI

  • 21st.dev2025 · 21st.dev · ▲1,211

    I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!

  • Page UI2024 · pageui.shipixen.com · ▲810

    High-converting landing page components to copy and paste

  • Tailwind UI Templates2022 · tailwindcss.com · ▲444

    Beautiful Next.js templates built by the Tailwind CSS team.

  • 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!

  • JSX.Design2024 · ▲413

    The dev friendly no-code editor for React development

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, June 2016

the whole month →
  • Prisma▲1,463

    AI that turns your photos into artwork in seconds

    AI · 2016 · prisma-ai.com

  • Loom▲1,168

    Seamless screen, mic, and camera recording for Chrome

    Work · 2016 · loom.com

  • Google Fonts▲1,159

    Brand new redesign to Google Fonts ✨

    Work · 2016 · fonts.google.com

  • Work · 2016 · oneviewcalendar.com

  • IM

    Dev tools · 2016 · remotebase.io

  • Scale▲717

    Get human tasks done with just one line of code.

    Dev tools · 2016 · scale.com