A visual editor for localhost projects that lets you click on components in the browser and request edits directly. Tether gives coding agents detailed context about structure and styles, making their edits more precise, with support for tools like Cursor, Claude Code, and soon VS Code and Windsurf.
A UI for running multiple Claude Code agents in parallel, each in its own container. Sculptor lets you test different approaches at once, switch quickly with Pairing Mode, and merge changes back into your project without extra git juggling.
A coding tool that lets you modify an app by leaving comments on the page, moving AI coding out of the IDE and into direct collaboration with agents.
A collaboration between Framer and Work Louder, this mini mechanical keyboard has twelve tactile buttons for mapping actions like publishing or opening the CMS, plus a tiny joystick that pulls up a radial menu for quick navigation. It feels like a cross between a keyboard and a control pad, built for shaping websites with less friction.
An AI motion editor that generates animations for ads, social content, UI, and websites from plain descriptions. Burp removes the need for keyframes or timelines, letting you describe the motion you want and getting instant results.
A tool for adding GPU-accelerated visual effects like lighting and motion to web apps built with Vue, React, or Svelte. Shaders uses declarative components to manage WebGL complexity, letting developers add advanced visuals without touching low-level graphics code.
A generative design tool from Vercel that turns text prompts into React components and full web layouts. v0 can generate dashboards, landing pages, or portfolios, aiming to make building interfaces feel more like sketching than coding.
A design tool that works directly with the DOM, so what you create can turn into real HTML and Tailwind without a handoff. Paper also lets you import existing components and edit them visually, aiming to collapse design and development into the same space.
A design tool for collecting and arranging visual references on an infinite canvas. Mooodboard is built for messy gathering and clustering, giving designers a looser way to explore ideas than a traditional mood board.
A web app that generates YouTube thumbnails using styles borrowed from top creators. You pick a template, add your content, and let the AI arrange it, making quick thumbnails for creators who want speed over polish.
A curated library of short clips showcasing standout UI and UX patterns from real apps. Spotted in Prod lets you search by app or category, scrub through flows frame by frame, and see how different teams tackle design challenges, offering hands-on inspiration for designers and developers.
You can generate images directly inside Roo Code — logos, icons, comics, even cookbooks — without leaving the editor so you can keep your workflow quick and fluid.
An AI interior design tool that lets you create rooms by tapping and blending visual styles instead of writing prompts. Madespace draws on pre-trained looks from real designers, with options to shop pieces instantly or connect with a human pro for guidance.
A design tool being framed as part of a new wave of creative software.
A visual code editor that lets designers and product managers build web apps without writing code directly. Onlook generates real code under the hood, supports importing Next.js projects, and frames itself as a kind of “Cursor for Designers.”
A system for splitting large web apps into smaller frontend pieces that teams can build and deploy independently. Vercel handles integrating those pieces into a single experience with shared routing and navigation, so builds run faster and teams avoid blocking each other. It also supports gradual migration, making it easier to modernize legacy codebases step by step.
A Webflow add-on that splits into three AI agents: one for design tweaks, one for coding and deployment, and one for CMS tasks. Miyagi Agents can handle jobs like bulk SEO updates, accessibility fixes, animations, and content edits directly inside your Webflow project.
Designer Fons Mans is releasing a typeface, Offgrid Sans, as a free download in July.
A design tool that blends AI generation with workflows from Cursor and Figma. Reweb lets you create layouts, adjust them with edits, and export into working code or back into Figma, with early examples like dashboards and landing pages.
A terminal-native coding agent with a themeable text interface that feels closer to a dev tool than a chatbox. Opencode supports 75+ model providers including local ones, offers zero-config language server support, and lets you share session links or run multiple agents on the same project.
An AI-native design tool that skips mockups and generates working website code from a single prompt. Webstudio Inception takes a code-first approach, letting you test layouts quickly and export the results into other platforms or the Webstudio Builder.
Connected to tools like Cursor or Claude Code, Figma’s MCP server lets developers pull design context straight into their workflow without context switching. It surfaces tokens, variables, and metadata from Dev Mode so AI assistants can generate code with closer alignment to designs.
A design tool that skips static mockups and generates working code from the start. Pencil AI is aimed at ad and marketing workflows, collapsing the gap between design and production by letting designers output real interfaces directly.
A design tool exploring how AI can extend a designer’s workflow. Weaver is built to help product designers move beyond efficiency and into new ways of exploring and refining ideas.
A design generator that lets builders create responsive layouts in seconds. Aura includes a prompt builder with hundreds of templates and can export results directly to HTML or Figma, making it useful for quickly spinning up designs for vibe-coded projects.
A design tool that turns text prompts into working UI on an infinite canvas, where each board can function as a live website. MagicPath lets you adjust layouts, colors, and styles in plain language instead of code, aiming to make design sketching fast and interactive.