Penpot

Penpot hub

Our vibrant community champions open design-and-code collaboration.
The place to find resources created, shared and shaped by open-source collaboration. We build this Community together. ❤️

Libraries & Templates

Browse and import libraries and templates to enhance your designs. Share yours and contribute to the Community.
See all

Plugins

Discover and install plugins to streamline your workflow in Penpot. Build yours and share them with the Community.
See all

Featured libraries & templates

Browse all libraries & templates

Featured plugins

Browse all plugins
Color styles to JSON file
Juanfran
A plugin to export your color styles and generate a JSON file in Design Tokens standard format.
Install
Plugins list
Stas Haas
Browse and install Penpot plugins from the community. Search, filter, and discover new tools to enhance your design workflow.
Install
ContentMock
Raimund Canzler
Say goodbye to lorem ipsum — ContentMock simplifies your Penpot workflow by replacing design elements with realistic placeholder data. Quickly mock up names, numbers, and custom fields to create convincing prototypes without hassle.
Install
Palette Swapper
LloydNA
Palette Swapper is a Penpot plugin that allows you swap a color palette defined in your colors library to another in your designs. Just select the origin palette and the target palette and watch it do its magic by changing all the colors of the original palette into the ones in the target palette for your current page!
Install
Tailwind HTML
Grafikart
Generate Tailwind compatible HTML code from any layer.
Install
Iconify
Vjacheslav Trushkin
All open source icon sets in one plugin. 150+ icon sets, over 200k icons.
Install
Replace Shapes
Stas Haas
The "Replace Shapes" plugin replaces any selected shapes with a copied shape, essentially pasting the copied shape over the selection and removing the originals.
Install
Illlustrations
realvjy
120+ vector illustrations for your design projects. Now, you can use all illustrations completely free in your designs.
Install
Lorem ipsum
Penpot
This plugin generates customizable Lorem Ipsum text for your designs. Choose between paragraphs, sentences, words, or characters.
Install
Contrast checker
Penpot
Select two filled shapes in your design to quickly calculate and check the color contrast between them, helping ensure accessibility and readability.
Install