Skip to content

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.

Pencil Pricing & Plans section design
Factory landing page design
Factory
Developer Toolsfactory.ai/
Cline landing page design
Cline
Developer Toolscline.bot/
Stacker landing page design
Stacker
Developer Toolsstacker.ai/
Semaloop landing page design
Semaloop
Developer Toolssemaloop.com/
Revenuecat landing page design
Revenuecat
Developer Toolsrevenuecat.com/
Windsurf landing page design
Windsurf
Developer Toolswindsurf.ai/