nowfound

Dev tools · April 6, 2022

ProductDiv – A Website Editor for Developers

I've been working on a library for developing websites visually. There are many tools for building websites, but none that fit my workflow as a front-end developer, so I made my own! It is an open source library called ProductDiv and it lets you: - Drag and drop any HTML template into your site. - Change elements with utility classes you can customize - Export clean HTML elements and copy into your source code. - Use in any framework! ProductDiv is developer-first, meaning the configuration for the editor lives in your source code. You can evolve the configuration as your project grows (as…

ProductDiv – A Website Editor for Developers launched on April 6, 2022 with 6 votes, #1,069 of 2,974 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 4 years on.

What it does

ProductDiv is a web page editor that works anywhere! It accomplishes this by being an HTML and CSS first editor, running entirely client side and based on configuration. It was born out of a frustration with other visual editing tools either for their of configurability, extensibility, or means of distribution. The core of ProductDiv is an open source library found here . This project pulls it in as a dependency (in package.json ). This project is configured to work with the Bootstrap 5 CSS framework . It provides utility classes and templates that work with Bootstrap and the theme generated in this project. ProductDiv, the library, works by rendering your templates in the page itself. This…from awestbro.github.io

In the maker’s words, at launch

I've been working on a library for developing websites visually. There are many tools for building websites, but none that fit my workflow as a front-end developer, so I made my own! It is an open source library called ProductDiv and it lets you: - Drag and drop any HTML template into your site. - Change elements…

Does a similar job

all alternatives →
  • Context.devJul 2026 · context.dev · ▲814

    Hello, My name is Yahia, I've been working on scraping products for a long time and maintain a couple of free sites in my spare time (E.g. knifegeek.io) What prompted this is i've rebuilt scraping infra at every company I've started and finally just made it a product. Pass a URL, get clean markdown, html, images, sitemap or pass a domain, get logos, colors, socials, industry data. Goal is to offer a better service than VC funded competitors at a fraction of the cost. Stealth is included and automatic at no additional cost (normally an upcharge by alternatives). Would love your honest thoughts.

  • Web.dev by Google2018 · web.dev · ▲815

    Learn how to build for the web and see where you stand 🌟

  • I made a better Perplexity for developers2024 · devv.ai · ▲185

    Hi HN, I am Jiayuan, and I'm here to introduce a tool we've been building over the past few months: Devv (https://devv.ai). In simple terms, it is an AI-powered search engine specifically designed for developers. Now, you might ask, with so many AI search engines already available—Perplexity, You.com, Phind, and several open-source projects—why do we need another one? We all know that Generative Search Engines are built on RAG (Retrieval-Augmented Generation)[1] combined with Large Language Models (LLMs). Most of the products mentioned above use indexes from general search engines…

  • HTMLrev2023 · htmlrev.com · ▲214

    Free HTML CSS templates and themes for websites, landing pages, blogs, portfolios, ecommerce and admin dashboards

  • Templated2024 · templated.io · ▲306

    Hey HN! While building our own SaaS we kept running into the same problem: customers wanted a real design editor (think Canva/Figma-lite) *inside* their product, but rebuilding all that UI from scratch is a quarter-million-dollar distraction. So we turned our internal tool into *Templated Embed* — a drop-in image & PDF template editor you can add to any web app with an tag. - What it does? • Full WYSIWYG editor for text, images, SVGs, brand colours, Google Fonts • Outputs static images (PNG/JPG), layered PDFs, or keeps the design JSON so you can re-render via API • Multi-page +…

  • GrapesJS2016 · grapesjs.com · ▲163

    I’ve been working with @artf (creator of GrapesJS) on Grapes Studio, an HTML-first editor with an LLM assistant on top of GrapesJS. We’re approaching this differently than the new wave of AI app/site builders which are typically generating full React applications, which we think is overkill for simple websites. From talking to people using these tools, we’ve seen a lot of issues with build errors and overly complicated pages. With our approach you can: - Edit visually via the no-code editor (drag/drop) or ask the LLM to make scoped changes (like “add a section” or “add a new…

More dev tools this month

the category →
  • /dev/null▲490

    a social network for devs

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

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

    Dev tools · 29d ago · github.com

  • Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

    Dev tools · 17h ago · github.com

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

    Dev tools · 27d ago · github.com

  • OpenBot▲362

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

    Dev tools · 24d ago · openbot.run

  • Talanoa▲346

    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 · 21d ago · talanoa.email

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, April 2022

the whole month →
  • Hi HN community, I’m Zach, founder and CEO of Warp, and am excited to show you Warp, a fast Rust-based terminal that’s easy to use and built for teams. As of today, Warp is in public beta and any Mac user can download it. It works with bash, zsh, and fish. The terminal’s teletype-like interface has made it hard for the CLI to thrive. After 20 years of programming, I still find it hard to copy a command’s output; I always forget how to use `tar`; and I always have to relearn how to move my cursor. To fix fundamental accessibility issues, I believe we need to start innovating on the terminal,…

    AI · 2022 · warp.dev

  • Slow Social is a online social network built for growing and sustaining friendships.

    Life & fun · 2022 · slowsocial.us

  • Reflect▲626

    Fast networked note-taking

    Work · 2022 · reflect.app

  • Implement scanyourpdf.com in JavaScript. No backend servers needed.

    Life & fun · 2022 · lookscanned.io

  • Everything you need to create amazing documentation

    Dev tools · 2022 · archbee.com

  • ngrok▲547

    Serve local web apps with one command

    Dev tools · 2022 · ngrok.com