
Pencil
pencil.dev/
The pencil.dev URL now redirects to pen.dev, an agentic design canvas built for handling large volumes of visual content — it specifically claims to handle "10000 photos, 10GB of content, 60fps, no problem" via a custom WebGL rendering pipeline, a performance figure that's unusually concrete for a design tool's marketing page. Its hero states it's "an agentic canvas for building bold ideas," and it supports importing existing Figma files or live webpages (via a Chrome extension or built-in browser) and exporting straight to HTML/CSS/Tailwind. It supports multiple AI models by name — Claude, OpenAI, Grok, Qwen, Gemini, Kimi, Deepseek, Minimax — rather than committing to a single provider, and states it's backed by a16z's Speedrun program.
- Category
- Developer Tools
- Style
- LightMinimal
- Stack
- Next.jsTailwind CSS
- Fonts
- DM SansRubik
- Palette
- Meta title
- pen.dev – Design on canvas. Land in code.
- Sections
- 5
- Updated
Pencil's landing page, section by section
Each section below is cropped straight from Pencil's live page — useful references for developer tools landing page design.






