nowfound

Dev tools · alternatives · 2026

24 alternatives to Open Chakra

Visual editor for React! Create cool UI with ease ✌️

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Open Chakra launched in 2020; newer entries below may have overtaken it.

  1. 1

    Open source Chakra UI, Material UI dashboard

    2022 · its alternatives →

  2. 2

    Trendiest open-source React admin template

    2022 · its alternatives →

  3. 3

    Premium, beautiful, and responsive React components

    2021 · its alternatives →

  4. 4

    Free Chakra UI dashboard

    2021 · its alternatives →

  5. 5
  6. 6

    Premium Chakra UI & React Dashboard

    2021 · its alternatives →

  7. 7

    Beautiful UI blocks built with Chakra UI and Framer Motion

    2021 · its alternatives →

  8. 8

    Powerful visual theme editor for your next Chakra UI project

    2021 · its alternatives →

  9. 9
    Puck▲188

    Open-source visual editor for React

    2025 · puckeditor.com · its alternatives →

  10. 10
    OpenUI▲543

    Describe UI and see it rendered live

    2024 · its alternatives →

  11. 11OO

    Hey HN, I’m Kiet – one half of the two-person team building Onlook (https://beta.onlook.com/), an open-source [https://github.com/onlook-dev/onlook/] visual editor that lets you edit and create React apps live on an infinite canvas. We launched Onlook [1][2] as a local-first Electron app almost a year ago. Since then, “prompt-to-build” tools have blown up, but none let you design and iterate visually. We fixed that by taking a visual-first, AI-powered approach where you can prompt, style, and directly manipulate elements in your app like in a design…

    2025 · github.com · its alternatives →

  12. 12
    Onlook▲252

    The open-source, local-first Figma for React apps

    2024 · onlook.com · its alternatives →

  13. 13
    ReactAI▲442

    Open source free AI react components builder

    2024 · its alternatives →

  14. 14AV

    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!

    2022 · dev.aspect.app · its alternatives →

  15. 15

    The dev friendly no-code editor for React development

    2024 · its alternatives →

  16. 16

    A notebook for building interfaces with Tailwind & shadcn/UI

    2024 · layouts.dev · its alternatives →

  17. 17FO
  18. 18OS

    Hi HN, I’m Kiet, one of the creators of Onlook studio. I made this app that allows you to visually edit your locally running React app and write the code back to it in real-time. The purpose is to allow you to develop UI while fully owning your code the whole time. There are other visual builders out there but they either require you to upload your code to the cloud or some lengthy setup process. Onlook runs locally, deterministically, and only requires adding a plugin for the compile step (2 lines of config change). Technical details: This is technically a web browser that can point to your…

    2024 · github.com · its alternatives →

  19. 19
    Open SaaS▲505

    Open-source & 100% free React & Node.js SaaS starter

    2024 · its alternatives →

  20. 20

    Convert any Figma design to Chakra UI code

    2023 · its alternatives →

  21. 21

    React editor for busy developers

    2020 · its alternatives →

  22. 22

    Build rich editor UIs faster with React components

    2025 · tiptap.dev · its alternatives →

  23. 23
    refine▲484

    100% open source React framework to build web apps 3x faster

    2022 · its alternatives →

  24. 24

    Trendiest FinTech admin template for ReactJS

    2022 · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →