Back to rankings

prikhi/pencil

JavaScriptgithub.com/evolus/pencil

DEPRECATED: Multiplatform GUI Prototyping/Wireframing

firefox-extensionpencilwireframingprototypingxulrunner
Star Growth
Stars
1.9k
Forks
186
Weekly Growth
Issues
571
5001k1.5k
Feb 2023Mar 2024May 2025Jul 2026
Artifactsnpmnpm install pencil
README

Pencil

Download Pencil from Github or Mozilla

Checkout Pencil v3 from Evolus - But Backup Your Data First!

Documentation Status Join the chat at https://gitter.im/prikhi/pencil

A GUI prototyping tool for Firefox, GNU/Linux, OS X & Windows.

Screenshot

Status

Pencil v3 is in development by Evolus, future work on this fork will be minimal.

Pencil v3 files are not backwards compatible, be sure to backup your data!

This project was originally hosted on https://code.google.com/p/evoluspencil/ & was abandoned around 2013. This fork was started for new development on March 13th, 2015.

Extra Stencil Collections

Additional collections are available on the Original Stencil Download Page.

Known Issues

  • The Native UI Stencil Collection does not load or export correctly, you should avoid using this Stencil Collection for now(see #602).
  • Dragging stencils onto the workspace does not work in newer version of Firefox, either use Pale Moon, Xulrunner, an older version of Firefox, or launch Pencil using firefox --app /path/to/application.ini (see #802).

Prerequisites

You will need version 4 or higher of firefox to run Pencil as a Firefox Extension. Linux users will need version 4 or higher of either firefox, iceweasel or xulrunner, or version 25 or higher of palemoon. The Windows installer and OS X archive has everything you need built-in.

Install

Windows, Linux, OS X & Firefox Packages are available for download from the Releases Page.

You can also install the Firefox Add-on from the Mozilla Add-on Repository.

To install the OS X package, unzip the archive and copy the Pencil.app folder to your Applications directory.

For specific Linux distributions:

Build

Firefox Extension

Pencil can be installed as Firefox Extension, instead of a standalone application. To build the extension's XPI file:


cd build
./build.sh xpi
firefox Outputs/Pencil*.xpi

Linux


cd build
./build.sh linux
xulrunner Outputs/Linux/application.ini || firefox --app Outputs/Linux/application.ini

A Pencil-*-linux-pkg.tar.gz package will also be created. This contains Pencil nested within the directory structure that most Linux distributions expect(under /usr/share and /usr/bin) along with an executable, a desktop entry & mimetype information. This can be used for creating distribution-specific packages.

Windows

You'll need curl installed so you can pull the Windows XULRunner runtime and NSIS to compile the installer.


cd build
./build.sh win32

This should place an installer exe in the Outputs/ folder.

OS X

You'll need curl installed to fetch the OS X XULRunner runtime.


cd build
./build.sh mac

This will create a Pencil.app folder in Outputs/Mac and a compressed version in Outputs/.

Documentation

To build the docs locally you'll need Sphinx along with some plugins, which are easily installable using Python's pip installer:

cd docs/
sudo pip install -r requirements.txt
make html
# Or if you want a PDF
make latexpdf

The output files will be put in /docs/build/.

Contribute

You don't have to be a programmer to contribute! All feature requests & bug reports are appreciated.

Users

  • File Bugs and Feature Requests. If you are unsure how to do this, read "Writing Good Bug Reports".
  • Reproduce Bugs – there are many issues which have not been confirmed since they were migrated from the original project. Try to reproduce the bug and state in a comment if you could reproduce it or not. State your operating system and Pencil version (example bug).
  • Report Duplicate Bugs - lots of imported bugs are duplicates and simply add noise to the issue tracker. If you notice a duplicate issue, please leave a comment on the issue & mention the issue that you think it duplicates.
  • Improve the Documentation. The files are in the docs folder and written in reStructuredText.
  • Just spread the word :)

Technical Users

  • Package Pencil for your distribution or OS.
  • Create a Stencil Collection for your favorite UI framework or improve Pencil's default offering, as described in the Stencil Developer Documentation.

Developers

  • There are many bugs to fix – if you could tackle one or two that would be great! The most important bugs have a Critical label. The stars labels are a heritage of the old google code repository: Many stars = many people interested in the bug or feature. You can also check the Milestones for issues to tackle.
  • Commenting and documenting code to ease the programming for others – most of it is currently without comments and having them would help much.

If you make changes that affect users, please update CHANGELOG.md.

For lots more information on getting started developing on Pencil, check out the Developer's Documentation.

License

This fork is released under GPLv2 like it's parent codebase.

Related repositories
AutomaApp/automa

A browser extension for automating your browser by connecting blocks

VueOthervuechrome-extension
goautoma.com/extension
21.5k2.3k
xifangczy/cat-catch

猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension

JavaScriptnpmGNU General Public License v3.0chromechrome-extension
cat-catch.94cat.com
20.8k1.8k
Anarios/return-youtube-dislike

Chrome extension to return youtube dislikes

JavaScriptnpmGNU General Public License v3.0chrome-extensionyoutube
returnyoutubedislike.com
13.7k625
ajayyy/SponsorBlock

Skip YouTube video sponsors (browser extension)

TypeScriptnpmGNU General Public License v3.0sponsored-segmentsyoutube-videos
sponsor.ajay.app
13.5k458
crimx/ext-saladict

🥗 All-in-one professional pop-up dictionary and page translator which supports multiple search modes, page translations, new word notebook and PDF selection searching.

TypeScriptnpmMIT Licensechromeextension
saladict.crimx.com
13.2k843
ChatGPTBox-dev/chatGPTBox

Integrating ChatGPT into your browser deeply, everything you need is here

JavaScriptnpmMIT Licensebrowser-extensionchatgpt
10.7k860
josStorer/chatGPTBox

Integrating ChatGPT into your browser deeply, everything you need is here

JavaScriptnpmMIT Licensebrowser-extensionchatgpt
10.4k799
dessant/buster

Captcha solver extension for humans, available for Chrome, Edge and Firefox

JavaScriptnpmGNU General Public License v3.0browser-extensionchrome-extension
chrome.google.com/webstore/detail/buster-captcha-solver-for/mpbjkejclgfgadiemmefgebjfooflfhl
9.2k686
Kenshin/simpread

简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展

JavaScriptnpmGNU General Public License v3.0chrome-extensionchrome
ksria.com/simpread
8.7k554
floccusaddon/floccus

:cloud: Sync your bookmarks privately across browsers and devices

JavaScriptnpmMozilla Public License 2.0owncloudnextcloud
floccus.org
8.3k313
alyssaxuu/omni

The all-in-one tool to supercharge your productivity ⌨️

JavaScriptnpmMIT Licenseomnisearchspotlight
chrome.google.com/webstore/detail/omni/mapjgeachilmcbbokkgcbgpbakaaeehi
7.8k371
openstyles/stylus

Stylus - Userstyles Manager

JavaScriptnpmGNU General Public License v3.0stylishchrome-extension
add0n.com/stylus.html
6.8k374