nowfound

Dev tools · March 31, 2020

Variable

Real-time coding for React developers

Variable launched on March 31, 2020 with 4 votes, #2,110 of 4,417 launches that month. The site was still online in September 2026, 6 years on.

Visit variable.app ↗Variable alternatives

What it does

Variable is a real-time code editor and preview optimized for React. Work in the same playground at the same time with as many people as you want.

Does a similar job

all alternatives →
  • 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!

  • react.dev2023 · react.dev · ▲543

    The new home for React and its documentation

  • JSX.Design2024 · ▲413

    The dev friendly no-code editor for React development

  • Layouts.dev2024 · layouts.dev · ▲699

    A notebook for building interfaces with Tailwind & shadcn/UI

  • Learn React fundamentals2019 · github.com · ▲509

    Application that will help you learn React fundamentals. Install this application locally - there's tutorial, code snippets and exercises. The main objective of this project is to help you get off the ground with React! - tyroprogrammer/learn-react-app

  • CR
    Copy React code from any site2022 · sample-code.aspect.app · ▲374

    I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!

More dev tools this month

the category →
  • /dev/null▲486

    a social network for devs

    Dev tools · 3d ago · dev-null.sh

  • Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

    open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 28d ago · github.com

  • Reladraw – A diagram language where you decide where to place things▲411

    Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 26d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 23d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 21d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, March 2020

the whole month →