Volt
A free starter kit to help you master interactive prototyping in Framer.
- 11Prototypes
- 30Interactions
- 11Tutorials
- 0Lines of code
Your one-stop shop for all things prototyping.
Each of Volt’s 11 prototypes will bring you one step closer to mastering interactions in Framer. Learn how to create familiar flows and product experiences with components, interactive tools, and no-code transitions. Browse the prototypes below, then preview or duplicate them to get started.
Signup Flow
Use a customizable no-code transition and time-outs to navigate to a a sign up screen with real, working inputs.
Video Onboarding
Swipe between different screens with auto-playing videos to help people get up to speed with your product.
Settings Toggles
Turn individual settings on and off or turn everything off at once with a single toggle.
Timeline Photos
Scroll through a timeline of photos and tap on each photo to expand the photo or bring up a share overlay.
Video Stories
Watch video stories that auto-play by clicking one of the avatars. When the video ends, it automatically transitions back.
Bookmark Messages
Tap the Bookmark button to trigger a sequence of transitions and see the photo fly to the account icon.
Nested Scrolling
Scroll vertically to view the full profile page and horizontally to browse bookmarks.
Vertical Pages
Swipe vertically between multiple pages with a custom wheel effect.
Message Archiving
Swipe left on the message to reveal the archive or unarchive buttons. Tap the buttons to archive or unarchive the message.
Find my Friends Map
Pan the map in any direction and tap the profile pictures to make a message overlay pop up from the bottom of the screen.
Credit Card Pile
Drag the pile of credit cards down to reveal all the cards, then click one of the cards to transition to another page.
Learn how to prototype with Volt.
The Volt prototyping starter kit is one of the best introductions to Framer there is. Follow the 11-part, on-canvas tutorial video to get a deep understanding of Framer interactions and how to use them in your own prototypes.
Start the tutorial in Framer