nowfound

Alternatives

Products that do what Piny – Astro, React and Next Visual Editor for VSCode, Cursor, Windsurf does

Hi, Matjaz here. Piny is a visual editor that runs directly in Visual Studio Code, Cursor and Windsurf. It supports Tailwind CSS, Astro, React and Next.js. All edits happen directly in the code, so there are no abstractions, no cloud services and no lock-in. Piny doesn’t try to be all-in-one visual editor that would cover layout creation, styling, data, logic… That is no longer relevant in the age of AI coding agents. Instead, Piny focuses on two areas where it can really add value: # Tailwind styling Piny lets you easily style JSX / HTML with Visual Controls and Class Inspector (an…

  1. 1
    Piny121

    Visual editor for Astro, React, Next.js & Tailwind

    2025

  2. 2

    Style your React app so fast

    2024 · ecomoto.io

  3. 3

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

    2022

  4. 4

    A utility-first CSS framework for rapid UI development

    2017

  5. 5

    A notebook for building interfaces with Tailwind & shadcn/UI

    2024 · layouts.dev

  6. 6
    deco.cx 2.01,080

    Build web apps 10x faster with Deno, JSX, TS & Tailwind

    2024 · decocms.com

  7. 7AV

    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

  8. 8

    Tailwind CSS editor for busy developers

    2019

  9. 9

    Rapidly build modern websites without ever leaving your HTML

    2020

  10. 10
    Tailedits134

    Simple and easy Tailwind CSS visual editor

    2022

  11. 11
    Layrr284

    Framer for your actual codebase

    Nov 2025

  12. 12

    Fully coded UI sections with designer file included

    2024

  13. 13

    Online editor & Visual Studio Code extension for TailwindCSS

    2020

  14. 14OO

    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

  15. 15PO

    Hey hackers, OP here! I've been dipping in and out of this problem space for the last few years with many of my clients. Puck sits somewhere between an old-school WYSIWYG-powered CMS and headless one, allowing content teams to author content using real React components. Traditional CMS solutions were flexible but often resulted in page that completely broke the brand guidelines. Headless CMS solutions are a fantastic way of controlling brand by restricting UI changes to developers, but makes layout changes restrictive and slow as developers often need to get involved. Puck provides a visual…

    2023 · github.com

  16. 16

    A utility-first CSS framework for building custom designs.

    2019

  17. 17

    AI-enhanced Tailwind CSS visual editor and builder

    2023

  18. 18

    CMS with visual editing based on React components

    2022

  19. 19

    A new UI library for busy developers by the Shuffle team

    2021

  20. 20
    Puck188

    Open-source visual editor for React

    2025

  21. 21FM

    Ferrite: Fast Markdown/Text/Code editor in Rust with native Mermaid diagrams Built a Markdown editor using Rust + egui. v0.2.1 just dropped with major Mermaid improvements: → Native Mermaid diagrams - Flowcharts, sequence, state, ER, git graphs - pure Rust, no JS → Split view - Raw + rendered side-by-side with sync scrolling → Syntax highlighting - 40+ languages with large file optimization → JSON/YAML/TOML tree viewer - Structured editing with expand/collapse → Git integration - File tree shows modified/staged/untracked status Also: minimap, zen mode,…

    Jan 2026 · github.com

  22. 22
    CSS.GUI201

    Open source visual editors for everything in the CSS spec

    2022

  23. 23

    A modern design blocks build with NextJS & Tailwind CSS

    2024

  24. 24OS

    2022 · remix-page-blocks.vercel.app

Ranked by how close each launch is in meaning, then by votes. Refine with a description →