# Pen.Dev

- **Website:** <https://pen.dev>
- **Primary alias:** `pen.dev`

## Description

Users can prompt agents to create websites, mobile apps, social content, and other designs, then refine every detail directly on the canvas. The platform supports multiple AI models and can connect with tools such as ChatGPT, Claude, and coding agents through subscriptions, API keys, MCP, WebMCP, or its CLI.

For design work, pen.dev offers editable imports from websites, HTML, and Figma, alongside reusable components, variables, UI libraries, vector drawing, gradients, shaders, image tools, layouts, effects, and presentation features. A built-in browser and Chrome extension help bring webpages onto the canvas as editable layers. Projects can be shared by link, saved in an open .pen format, and exported as images, PDFs, slides, or HTML and CSS/Tailwind.

Built for smooth work with large, layered projects, pen.dev combines familiar shortcuts with agent-driven workflows to help users move from initial ideas to designs ready to ship in code.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_

## Links

- [twitter](https://twitter.com/pendev)

## Logos & icons

- logo _(primary)_ — PNG — [download](https://cdn.brandfetch.io/id3SR_SDw7/w/33/h/40/theme/light/logo.png?c=1bxid64Mup7aczewSAYMX&t=1793626981266)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/id3SR_SDw7/w/400/h/400/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1793626981418)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Oslo Gray | #818588 | accent |
| Cod Gray | #141414 | dark |
| Alabaster | #fafafa | light |

## Fonts

- var(--font-sans) — asset _(custom)_
- var(--font-sans) — asset _(custom)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/id3SR_SDw7/w/1500/h/500/id0PJj5FNs.jpeg?c=1bxid64Mup7aczewSAYMX&t=1793626981688)

---

_Source: <https://brandfetch.com/pen.dev>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._