nowfound

AI · July 18, 2023

ChatGPT Powered Live React Editor

We've just released the first version of GPT React Designer. A live editor that can generate React components. Copy and pasting code before you see how it would look is tedious. The goal is to extend this into an app that supports different styling frameworks (Chakra, Bootstrap, ...). Potentially integrate it directly into a codebase to perform tasks and so on and allow non-developers to simply utilize this to copy & paste code.

ChatGPT Powered Live React Editor launched on July 18, 2023 with 8 votes, #1,705 of 4,347 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 3 years on.

Visit github.com ↗Alternatives

What it does

⚡️ Generate and preview ⚛️ React components with 🤖 ChatGPT - XD2Sketch/gpt-react-designer

Does a similar job

all alternatives →
  • GPT WebApp Generator for React & Node.js2023 · usemage.ai · ▲272

    Let AI create a full-stack web app based on your description

  • 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 Bricks2022 · reactbricks.com · ▲213

    CMS with visual editing based on React components

  • YourReactDev2023 · ▲77

    Create & edit React components from prompt no coding needed

  • Next.js ChatGPT – Responsive chat application powered by GPT-42023 · github.com · ▲126

    AI suite powered by state-of-the-art models and providing advanced AI/AGI functions. Includes AI personas, AGI functions, world-class Beam multi-model chats, text-to-image, voice, response streaming, code highlighting and execution, PDF import, presets for developers, much more. Deploy on-prem or in

  • OpenAI ChatGPT App starter DevXP feels like 2010, I built a better oneOct 2025 · github.com · ▲19

    Hi HN! Two weeks ago at their Dev Days, OpenAI unveiled ChatGPT apps, interactive widgets that render inside ChatGPT using the Apps SDK and MCP. Building them using their template repository was surprisingly painful: every time you make a change on your React widget, you need to rerun the entire build pipeline to get fresh JS and CSS assets. The dev feedback loop was pretty terrible. That’s why I built a TypeScript starter that gets you up and running in under a minute. Clone, npm install, npm run dev, paste your ngrok URL into ChatGPT, and you're iterating on widgets with Hot Module Reload…

More ai this month

the category →
  • Spira Maxima▲578

    Video model that turns script into viral social media videos

    AI · 17d ago · spira.ai

  • Rill Browser▲540

    The browser where Claude Code and Codex work beside you

    AI · 17d ago · rill.love

  • Germany's new sovereign AI model Kolibri▲424

    Kolibri is Aleph Alpha

    AI · 18d ago · tej.as

  • Giving Opus 5.5 a simulated paint canvas▲392

    Paintings by AI models: programs run through a simulation of oil paint.

    AI · 20d ago · stillwet.art

  • Onepin▲384

    AI voiceover with every name, price and date said right

    AI · 30d ago · onepin.ai

  • PixVerse R2▲381

    A real-time world model you can explore and change

    AI · 28d ago · world.pixverse.video

Source: Show HN post ↗

Launched alongside, July 2023

the whole month →
  • Clustr▲1,526

    The reality check for your crypto portfolio

    Commerce · 2023 · clustr.io

  • Workout.lol – a web app to easily create a workout routine▲993

    Hey everyone, I here is a small open-source project I've been working on lately. I'd love to hear your thoughts and improvement ideas :) GitHub: [github.com/Vincenius/workout-lol](https://github.com/Vincenius/workout-lol)

    Dev tools · 2023 · workout.lol

  • HN
    Hacker News user blogroll▲937

    I saw this [0] pretty cool thread by user revskill, and wanted a quicker way to search through it, but also to keep them all in one place so I can read them at my leisure whenever I get time. Right now is like 60 lines of Ruby using Nokogiri, but I will certainly look into it further down the line and improve the list. There's a cronjob checking the thread every 12 hours but I will eventually shut that down and it will become static after that. There are some really awesome blogs in there. I really recommend going through the list, it made my day. [0] "Could you share your personal blog…

    Life & fun · 2023 · dm.hn

  • Lazy▲928

    One ⌘ shortcut to capture anything straight to Notion

    AI · 2023 · lazy.so

  • Anytype - Public Beta▲907

    Anytype is built on the open-source AnySync protocol: a local-first protocol based on CRDTs. Users of Anytype can create spaces - graph-based databases with modular UI. Each space has unique access rights. Today, Anytype's beta is in single-player mode. Multiplayer mode, which will support local-first collaboration between multiple users, will be launched in the first half of 2024. Anytype fulfils the seven ideals of local first software from here - https://www.inkandswitch.com/local-first/ , our team felt these things are important to all of us: • No spinners: your work…

    Commerce · 2023 · anytype.io

  • n8n 1.0▲786

    Workflow automation for technical people

    Dev tools · 2023 · n8n.io