Agents, local models and development tools.
Cloudflare's open source browser for AI agents. Connect automation clients through CDP, run it locally or deploy it on Workers.
Agent browser
Experiment with Gemini models and prompts, compare settings, then get code and API access when ready to build.
Model testing and API
A fast code editor with a built-in agent, external agents, multiple model providers, skills and MCP tools in one workspace.
Code editor
An open source coding agent for terminal, desktop and editors. It can inspect projects, make code changes and connect to different model providers.
Open source coding agent
Automatically test web workflows in real browsers.
Browser testing
Animation tools for React, JavaScript and Vue interfaces.
Animation
Run language models on your own computer.
Local models
Discover models, datasets and working demos.
Model platform
Combines an AI agent and code editor in one workspace.
Code editor
Find and install agent skills from GitHub sources.
Vercel Labs
OpenAI's agent for coding, review and development tasks.
OpenAI
Visually design websites, add interactions and publish directly.
AI development tool
Anthropic's agent for working with codebases in the terminal.
Anthropic
Manage interface designs, prototypes and team feedback in one workspace.
Design tool
Design on a canvas built with real HTML and CSS, bringing the output closer to web production.
Design tool
Build agent-assisted interfaces with design files that live in your code repository.
Design tool
Turn ideas into visual designs, prototypes and editable outputs with Claude.
Design tool
Manage design tokens across Figma, code repositories and product platforms.
Figma plugin
Convert web pages into editable Figma layers.
Figma plugin
Design interface and brand motion in a browser-based timeline.
Animation tool
Draw and animate Lottie animations in the browser and export them in different formats.
Animation tool
Choose OKLCH colors, compare shades and copy CSS values.
Color tool
Add timeline-based motion to Three.js and DOM scenes on the web.
Animation tool
Compare color pairs for accessibility and readability.
Color tool
Generate CSS gradient stops from easing curves for smooth transitions.
Color tool
Create, edit and share color palettes in different output formats.
Color tool
Explore and use Vercel's variable sans-serif typeface for interfaces.
Typeface
Use the Geist Mono typeface for code and technical interfaces.
Typeface
Use an open-source variable typeface designed for screen readability.
Typeface
Explore a variable sans-serif family with a modern, geometric appearance.
Typeface
Use a monospaced typeface designed to improve character distinction and readability while coding.
Typeface
Create and share hand-drawn-style diagrams together.
Collaboration
Create canvases for diagrams, sketches and collaboration.
Collaboration
Use a shared whiteboard for team workshops, flows and mind maps.
Collaboration
Prepare screen recordings for presentations with automatic zoom and editing tools.
Screen and video tool
Configure screen recordings and livestream scenes with open-source tools.
Screen and video tool
Quickly cut and merge video and audio files without re-encoding.
Screen and video tool
Create and render programmable videos with React components.
Video creation
Organize personal notes from meeting audio and create searchable summaries.
Voice notes
Create and render HTML-based video scenes with AI agents.
Video creation
Turn speech into edited text across applications.
Voice notes
Run web applications with a global network, Workers and security services.
Publishing infrastructure
Publish web applications with preview, deployment and CDN workflows.
Publishing infrastructure
Manage domain registration, DNS and basic hosting.
Publishing infrastructure
Quickly check WCAG contrast ratios between color pairs inside Figma.
Figma plugin
Use agent tools to investigate reverse-engineering questions, from application behavior to native binaries.
MCP and CLI
Create multistop, textured and animated gradient compositions.
Color toolTools open on their own websites. Terms and pricing are set by their publishers.
Coding agents, local model tools and development utilities meet different needs. Before using a tool, check its official source for supported operating systems, model or service requirements, pricing and the data it accesses. Catalog links take you to the product’s official website or source repository.