Dev tools · alternatives · 2026
24 alternatives to Browser-based web design platform with code import and CSS filters
I built a web-based app for building websites. The main unique features are: 1. The ability to copy and paste any HTML and CSS into the editor with no limits. I was never able to find another app that could do this without some form of limitation. 2. CSS filtering, which means you can click on an element to view and edit the CSS selectors and rules that apply to that element alone. In many cases I've found CSS naming conventions like BEM to become irritating at certain scales, so this is an alternative solution. This part of the app needs some more development work but the concept is there.…
This browser-based web design platform lets developers build websites by writing and importing HTML and CSS code directly into the editor without restrictions. It features CSS filtering that allows users to click on… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Browser-based web design platform with code import and CSS filters launched in 2024; newer entries below may have overtaken it.
- 1
deco.cx 2.0▲1,078Build web apps 10x faster with Deno, JSX, TS & Tailwind
2024 · decocms.com · its alternatives →
- 2
CSS Scan 2.0▲758The fastest and easiest way to inspect or copy CSS ⚡️
2019 · getcssscan.com · its alternatives →
- 3
- 4
Try your design ideas in seconds with a universal visual CSS editor that generates code for you. Say hello to speed, joy, and stunning designs in just a few clicks with CSS Pro
2023 · csspro.com · its alternatives →
- 5
CSS Scan 3.0▲256The fastest and easiest way to check, copy and edit CSS
2022 · getcssscan.com · its alternatives →
- 6
Inspired by the design and UI/UX of apps like Notion, and utility of open-source apps like StackEdit, I decided to create a minimalistic, local-only WYSIWYG Markdown editor. Some features worth highlighting: - Monaco editor and Prettier integration for code snippets - Tables (apparently the holy grail of WYSIWYG editing) - Embeds (for CodePen, CodeSandbox and YouTube, most useful for HTML or JSON exports) - Accepts Markdown paste-in, and "exports"/generates HTML, Markdown and JSON outputs - Collaboration (with real-time awareness and initial commenting system, available only when…
2023 · editor.vrite.io · its alternatives →
- 7
Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.
2022 · getcssscan.com · its alternatives →
- 8
html.to.design▲513Convert any website into fully editable Figma designs
2022 · figma.com · its alternatives →
- 9
- 10
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…
2025 · scriptpad.dev · its alternatives →
- 11
- 12
WebSlides▲486The easiest way to make HTML presentations and long-forms.
2017 · webslides.tv · its alternatives →
- 13
Hi HN! I've just released CSS Studio, a design tool that lives on your site, runs on your browser, sends updates to your existing AI agent, which edits any codebase. You can actually play around with the latest version directly on the site. Technically, the way this works is you view your site in dev mode and start editing it. In your agent, you can run /studio which then polls (or uses Claude Channels) an MCP server. Changes are streamed as JSON via the MCP, along with some viewport and URL information, and the skill has some instructions on how best to implement them. It contains a…
Apr 2026 · cssstudio.ai · its alternatives →
- 14
There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…
2025 · glass3d.dev · its alternatives →
- 15
CODECAST▲254HTML & CSS editor in your browser with real-time previews
2015 · codecast.me · its alternatives →
- 16TI
Hi HN! My name is Nick and this is my fun side project. Please lay it on me. HN can think of Tips.io as a cracked out Tailwind Playground that has page management and amazing AI integration. There are a few core ideas: 1) The HTML is the CMS There are no fields or restrictions. Just hover, click, and start tweaking any HTML. Also, certain elements you click will have special easy edit abilities: - auto creates an uploader, stock photo picker (or HTML) - auto creates an uploader, stock video picker (or HTML) - auto creates a big icon picker (or HTML) - auto creates a WYSIWYG Editor (or HTML)…
2024 · tips.io · its alternatives →
- 17
Selector Forge▲133Hi HN, I'm Ahmad from the Intuned (https://intunedhq.com) team. Today, we're releasing and open-sourcing Selector Forge (https://selectorforge.ai/), a browser extension that generates reliable CSS/XPath selectors using AI. You can use it to create a selector for a single element or for an array of elements. The selectors it creates are meant to be "semantic" and more resilient to page changes than what Chrome DevTool’s “Copy Selector” (and other similar extensions) give you. Those tend to hand you something brittle like `#top > div.w-100.ph0-l.ph3.ph4-m > h1 >…
Jun 2026 · selectorforge.ai · its alternatives →
- 18
Convert any website into fully editable Figma designs
2023 · figma.com · its alternatives →
- 19
TurboStyle▲166Hi HN, I built TurboStyle, a Chrome extension that lets you visually edit CSS properties directly on any website - no dev tools or code required. A few features: - Edit styles, text, images, and videos in-place - Toggle between mobile/tablet/desktop previews - See before/after comparisons - Export CSS - Create and reuse style presets Would love your feedback, ideas, or opinions.
2025 · turbostyle.io · its alternatives →
- 20
CSS.GUI▲201Open source visual editors for everything in the CSS spec
2022 · components.ai · its alternatives →
- 21
- 22
Visual editor for learning and quick CSS mocking
2020 · cssbuilder.veliovgroup.com · its alternatives →
- 23
Selector▲144Make your websites editable without fiddling code
2015 · selector.io · its alternatives →
- 24
CSS Spider▲122The fastest way to check, copy, export and edit CSS
2020 · cssspider.fresalabs.com · 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 →