SnipCSS

Grapes Studio is a free and open source web builder framework designed to help developers and content teams create HTML templates, landing pages, newsletters, or site layouts using a powerful drag-and-drop editor, no deep coding required. The editor includes a visual canvas where users can add, move and configure components such as sections, images, buttons, iframes or text blocks; a Block Manager to define reusable HTML fragments; a Style Manager for CSS-like visual styling; a Layer/Structure Manager to intuitively organize component hierarchy; an Asset Manager for images and media; built-in command-set (undo/redo, preview, full-screen) and support for more advanced extensibility via APIs and plugins. Because the framework is unopinionated, developers can use it as a standalone editor embedded within an application or platform, or customize panels, toolbars, and behaviours to suit their UI.

MiroMiro is a Chrome extension that lets you copy any website’s design and assets with one click by instantly inspecting and extracting visual systems without digging into DevTools. With MiroMiro, you can hover over elements to reveal exact CSS properties, colors, fonts, spacing, and typography, then copy those values directly, making it faster to understand and rebuild interfaces. It provides tools to download images, scalable SVG graphics, and even Lottie animations as ready-to-use files. It can extract complete color palettes with HEX, RGB, and HSL values, generate organized design tokens including CSS variables and Tailwind config, and perform WCAG 2.0 contrast checks to catch accessibility issues. Bulk export features let you grab an entire page’s assets at once, and the interface is designed to accelerate workflows by eliminating manual asset gathering or developer tool navigation.