nowfound

Dev tools · July 20, 2018

LiveWeave

HTML, CSS And Javascript Online Editor

LiveWeave launched on July 20, 2018 with 6 votes, #1,113 of 2,673 launches that month. The site was still online in September 2026, 8 years on.

What it does

LiveWeave is a tool similar to CodePen and JSFiddle, built before both of them, with a Vector Editor (SVG) and a Color Picker/Explorer, and CSS Generator. It runs online, and allows WYSIWYG web development. Can be used for demonstrations.

Explore HTML, CSS, and JavaScript experiments created with Liveweave.

Explore creative experiments made in the Liveweave Playground. Open any weave to see HTML, CSS, and JavaScript working together—then remix it with AI assistance and make it your own. Liveweave gives you HTML, CSS, JavaScript, a live Preview, and an AI coding assistant in one focused workspace. Start from scratch or open any featured weave and build on it. Ask questions, understand unfamiliar code, debug JavaScript, improve a layout, or request a focused starting point. Liveweave AI works beside the editors and considers the project in front of you—then you decide what to use, change, or undo. Step beyond the front end and experiment with Python directly in your browser—no setup, no…from liveweave.com

Does a similar job

all alternatives →
  • CodePen2014 · codepen.io · ▲109

    HTML, CSS, and JavaScript editor in the browser.

  • A fast, minimal and offline-friendly web playground2025 · scriptpad.dev · ▲50

    I built a web-based HTML/CSS/JS editor focused on speed, simplicity, and offline access. No bloat — just open and start coding. What makes it different: Live Preview – Edit HTML, CSS, and JS side-by-side with instant feedback. Offline support – Works without internet. You can even install it as a PWA and use it like a native app. No Login Required – Just visit, code, and preview. Login only if you want to save/share. Savable & Shareable Links – Save scripts in the cloud and get shareable links. Customizable Editor – Themes, fonts, auto-format on save, layout tweaks, line…

  • CODECAST2015 · codecast.me · ▲254

    HTML & CSS editor in your browser with real-time previews

  • AT
  • CSS Grab n' Go Editor2020 · cssbuilder.veliovgroup.com · ▲213

    Visual editor for learning and quick CSS mocking

  • WebGrid SVG building tool2019 · webgrid.com · ▲63

    A web app that lets you create and download svg documents.

More dev tools this month

the category →
  • /dev/null▲481

    a social network for devs

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

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

    Dev tools · 27d ago · github.com

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

    Dev tools · 25d ago · github.com

  • OpenBot▲362

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

    Dev tools · 22d ago · openbot.run

  • Talanoa▲341

    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 · 20d 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, July 2018

the whole month →