pen.dev

Design in your codebase. AI Design Canvas that you can use with your ChatGPT and Claude subscriptions and Composer/Grok, Gemini, Kimi, GLM, Qwen, Minimax models

[pen.dev @pendev]

@AnthonyLimo yeah, it goes surprisingly deep. This is the first time we saw such a level of depth, one shot. `Design control panel for a humanoid robotics factory floor`

[delopsu @delopsu_com]

Exploring styles for this new idea with @pendev

Just described the vibe I want.

I would never come with this style even I had vibe in mind.

It would take ages to implement and add two additional drafts just to take a look.

Come on!

[pen.dev @pendev]

@delopsu_com whoa, cool!

[pen.dev @pendev]

Ask @pendev agent "create a sitemap of https://t.co/2w3SMFxEbB on the canvas, import each page." 🤯

[Tom Krcha @tomkrcha]

@ridd_design @pendev Hey @ridd_design, thanks! Still surprises me how much this unlocks.
I just asked the agent `create a sitemap of https://t.co/WYLlpSRnvB on the canvas, import each page.` It pulled all the pages, all editable. Gotta finally redesign our web...

[pen.dev @pendev]

@zstvns cinnamon 😋

[pen.dev @pendev]

@tanlethanh_ We did a bunch of optimizations recently. more to come, but actually there is a way to minimize the GPU usage already if needed. Go to Settings > Turn off animations and set the cursor size to hidden. Let us know if that helped.

[pen.dev @pendev]

@mechXsteam nice! Cool to see @pendev & @cursor_ai models designing together.

[pen.dev @pendev]

Import HTML, Export HTML now in https://t.co/2w3SMFxEbB.
Canvas 🤝Browser. Design🤝 code.

[Tom Krcha @tomkrcha]

Design ∞ code loop, but 10x better.
Introducing the browser agent in @pendev.
Import HTML/React to fully editable canvas, make edits/variations, export back to code.

Build with the browser & the canvas at the same time, the ultimate combo. Download today.

[musho @musho]

FE benchmark by @pendev

[Bobby Georgiev • He/Him 🏳️‍🌈 @GeorgievBoyan]

I've been using @pendev for a bunch of stuff, but it's really great for creating localised App Store screenshots!

[pen.dev @pendev]

Design with any model, in realtime, in parallel, on canvas.

[Tom Krcha @tomkrcha]

So which model is the best at frontend design? You can now eval pretty much all of them in pen(dot)dev in realtime in parallel.

It's the most versatile design agent, where you can Sign in with ChatGPT, use your Claude subscription, OpenCode Go, Github CoPilot, connect Cursor Composer 2.5/Grok 4.5, Minimax M3, Kimi K2.7/K3, GLM 5.2, Gemini 3.5 Flash, Qwen 3.7 Plus etc, mix and match these models on design tasks directly in your codebase locally on your desktop.

[pen.dev @pendev]

@AnthonyLimo yeeah, almost there. stay tuned.

[Michael Wall @sound4movement]

This past weekend, I asked Codex to teach me @pendev from @tomkrcha, here is how it described this beautiful piece of software visually:

[Chris Laupama @chrislaupama]

The holy trinity

@cursor_ai @pendev @OpenAI (Codex)

[Tom Krcha @tomkrcha]

Opus 4.8 vs Minimax M3 designs in @pendev

guess which one is which? 🤷‍♂️

[Filip Santa @FilipSanta]

Claude Fable 5 tests in @pendev

[HeroUI @hero_ui]

HeroUI is now available on @pendev! 🚀

Build with HeroUI design system directly inside Pencil’s AI-powered canvas

[pen.dev @pendev]

@roger Yes. Coming soon 🫡

[pen.dev @pendev]

@chrislaupama @ElliGrossman @expo @cursor_ai ���

[Tom Krcha @tomkrcha]

Pencil just crossed 1M downloads on Cursor Extensions marketplace. With Composer 2.5, it's a killer AI design combo. Just flies.

Designs a full website for desktop and mobile sub-minute. Fully editable on canvas inside Cursor. Video at 1x speed.