Build Design Systems With Penpot Components
Jul 21, 2:15 AM
Penpot's new component system for building scalable design systems, emphasizing designer-developer collaboration.
smashingmagazine.com
The most popular interactions, bundled.
A library of components, now at your fingertips. Just one click to insert blocks of code, then customize elements to perfection. Design everything from page scrolling and price sliders to an entire virtual reality environment. Components — simple building blocks to power your next design.
Native-level transitions
Quick implementation
Simple customization
Complex scroll effects, made simple.
In today’s best designs, pull-to-refresh or swipe-to-delete animations happen seamlessly. Usually complicated to code, we’ve wrapped the powerful physics into an insertable Scroll Component. All you need to do is tailor to your needs.
Overdrag handling
Built-in physics engine
Trigger scroll animations
Pages that snap to attention.
From snap scrolling and screen animations to view-to-view transitions, the Page Component handles it all. An out-of-the-box solution for all your pagination needs. Simply perfect transitions and add spring curves for effortless motion.
Connect page-indicators
Automatically snap to layers
Keeps track of your history
Immense logic, powered by simple sliders.
Sliders are a commonly used input pattern that come with an incredible amount of logic. We wrap ours in the Slider Component, an easy way to offer filter capabilities or even time and price selection. Need to account for min and max values? The Range Slider Component offers more possibilities.
Get a feel for the future, design for VR.
If you’re ready to begin designing for the next frontier, our VR Component is a simple way to dive in. A customizable module that allows you to create and manipulate a virtual enviroment. Stay on top of all the latest trends with Framer Components.
Get Started
Tutorials on how to begin using components to bring your design visions to life.
