⚠️ NB: Penpad is under heavy development, expect many things to change as the core functionality is laid out. See Penpad 1.0 roadmap for what's coming!

---

Penpad

Design and document your web UI components

Demo · Documentation

Penpad (coming soon) is a tool to design and document your web UI components. Supports React, and everywhere that you can use React—whether that be Webpack, create-react-app, Gatsby, Next, or anything, really!

• Write styleguides

  Write your styleguides as Markdown

• Design components

  Use Penpad as an isolated scratchpad for writing your React components. Penpad offers a jsbin-like experience by live-reloading your component specimens.