nowfound

Dev tools · alternatives · 2026

24 alternatives to Shuffle for Material-UI

React editor for busy developers

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

  1. 1
    Shuffle▲260

    Hi! We noticed that our users extensively use Shuffle (a visual editor for developers) in conjunction with Cursor. That's why we built the Shuffle CLI, a lightweight tool that creates a seamless bridge between Shuffle and Cursor. With this CLI, you can: * Sync your visual components from Shuffle directly into Cursor projects * Automatically generate clean, editable code from your designs * Keep your design and dev workflows tightly integrated without copy-pasting or re-exporting We built this to reduce the friction between prototyping and production. If you're using Cursor as your IDE and…

    2021 · shuffle.dev · its alternatives →

  2. 2
    Puck▲188

    Open-source visual editor for React

    2025 · puckeditor.com · its alternatives →

  3. 3

    Hi HN! I was super frustrated at apps like tiktok and wechat preventing me from saving or downloading the animated gifs, so I made a little tool to turn a screen recording into a slack-sized emoji. Hope you get some value from this!

    Jun 2026 · vorpus.github.io · its alternatives →

  4. 4

    A notebook for building interfaces with Tailwind & shadcn/UI

    2024 · layouts.dev · its alternatives →

  5. 5

    A marketplace for busy front-end developers

    2021 · shuffle.dev · its alternatives →

  6. 6

    Build rich editor UIs faster with React components

    2025 · tiptap.dev · its alternatives →

  7. 7

    Tailwind CSS editor for busy developers

    2019 · shuffle.dev · its alternatives →

  8. 8AV

    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 →

  9. 9

    700+ UI components with editor

    2024 · easyfrontend.com · its alternatives →

  10. 10

    The dev friendly no-code editor for React development

    2024 · its alternatives →

  11. 11

    Original take on generative UIs where you have full control

    2023 · its alternatives →

  12. 12

    Visual editor with fresh designs and clean code

    2021 · shuffle.dev · its alternatives →

  13. 13

    Everyone's shipping AI tools right now, and here I am with a visual editor. Still, I think many teams are very familiar with the problem of "marketing wants to change the landing page again." I've run into this for years. Campaign pages come in, engineers get pulled in, and tickets stack up. It's usually the same components, just rearranged. A few years ago, at a startup I worked at, we built an internal tool to deal with this. You register your existing React components, they show up as drag-and-drop blocks, and the result is a JSX string. No schema to learn, no changes to your component…

    Dec 2025 · github.com · its alternatives →

  14. 14
    Quarkly▲184

    Design tool to create sites & web apps on React

    2020 · quarkly.io · its alternatives →

  15. 15

    CMS with visual editing based on React components

    2022 · reactbricks.com · its alternatives →

  16. 16

    Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids. - react-page/react-page

    2017 · github.com · its alternatives →

  17. 17

    UI elements in ready-to-use components for React

    2017 · coolsymbol.now · its alternatives →

  18. 18

    react wrapper components for smooth-dnd. Contribute to kutlugsahin/react-smooth-dnd development by creating an account on GitHub.

    2018 · github.com · its alternatives →

  19. 19

    Modern React UI library 💅👩‍🎤🍭. Contribute to smooth-code/smooth-ui development by creating an account on GitHub.

    2018 · github.com · its alternatives →

  20. 20

    Out of the box, feature-rich content editing for React

    2016 · jpuri.github.io · its alternatives →

  21. 21

    A CSS Framework that Implements Google's Material Design

    2014 · mui.com · its alternatives →

  22. 22

    When I started my career and built my first design system, I was beyond excited. It took a lot of iterations, learning and 6 months of work to launch it internally. In the next job, I did it again, then at the following job, again… And no matter which company I worked for, 80% of the design system was the same. I’ve decided to work full-time on the design system I’ve always wanted, and today I’m launching and open-sourcing it. You can use it to build Next.js apps faster, and I’ve designed it in a way that it’s hard to go wrong with it: you can choose any settings, and you’ll end up with a…

    Dec 2025 · once-ui.com · its alternatives →

  23. 23

    Beautiful UI blocks built with Chakra UI and Framer Motion

    2021 · its alternatives →

  24. 24
    Sync UI▲27

    Animated UI kit for MUI + React devs

    2025 · syncui.design · 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 →