Build products that matter.
Learn the skills that make It happen.
Build products that matter.
Learn the skills that make it happen.
Learn the skills, tools, and systems used by top PMs
in the world’s fastest-growing tech teams.
Roadmap
PRD Library
Release Checklists
Metrics Dashboards
Experiment Kits
Discovery Guides
PM Tool Directory
Case Studies
Playbooks
Start building websites people remember.
Start building products people remember.
Prodedify came from constantly digging through old projects wondering, ‘How did I build that again?’ It is basically our personal toolbox, packed with components, techniques, tricks and tutorials—and it will keep growing.
The platform we wish we had, so we built it for you
The platform we wish we had, so we built it for you.
Built by two award-winning creative developers, our vault gives you access to the techniques, components, code, and tools behind our projects. Build, tweak, and make them your own.
Lamon Botchway
Glowing Interactive Dots Grid
Scaling Element on Scroll (GSAP Flip)
Copy Email to Clipboard Button
Falling 2D Objects (MatterJS)
Scaling Hamburger Navigation
Text Scramble (Load, Scroll, Hover)
Image Trail Following Cursor
Button with CSS Character Stagger
Custom Vimeo Player (Advanced)
The creative toolkit behind award-winning websites
The creative toolkit behind award-winning products
Ready-to-use Components
Let’s be real—rebuilding a slider (or any core component) from scratch for every project is just annoying. We’ve set up clean, customizable structures, built with best practices, so you can skip the boring setup and jump straight to the fun stuff. Secretly, we might have made this mainly for ourselves too... We provide you with a copy-to-Webflow button, or the raw HTML/CSS if you prefer.
Educational Content
Drag-and-drop tools might get you a quick animation, but if we're realistic—that won’t win awards. We want you to actually understand what you’re doing, how it works, and how to nail it yourself next time. Learn the principles, build the skills, and take control of your projects.
Frequent Updates
We are constantly adding
new video content!
Glowing Interactive
Glowing Interactive
Glowing Interactive
Glowing Interactive
Glowing Interactive
Glowing Interactive
Osmo Basics
Discover the core functionalities and techniques that form the backbone of many websites. These are the foundations you’ll rely on for every award-worthy project. Master the basics, and the flashy stuff will actually have something solid to stand on.
Code Snippets
Not sure about you, but we find ourselves going back to old projects all the time to quickly copy that snippet we used before. So we decided to keep track of them from now on. Try the below snippet in your project, it’s on the house.
JavaScript
document.addEventListener("DOMContentLoaded", () => {
// Dynamic update current year
const currentYear = new Date().getFullYear();
const currentYearElements = document.querySelectorAll('[data-current-year]');
currentYearElements.forEach(currentYearElement => {
currentYearElement.textContent = currentYear;
});
});
Abstract
Adobe
Airplay
Airbnb
Alert
Abstract
Abstract
Code Snippets
NEW
Not sure about you, but we find ourselves going back to old projects all the time to quickly copy that snippet we used before. So we decided to keep track of them from now on. Try the below snippet in your project, it’s on the house.
And more is coming...
We’ve packed our best into one platform
Explore the Vault
The Vault is where everything lives. Organized into clear categories , it’s designed to make browsing easy. Whether you’re looking for a specific slider, animation, or utility, our quick-find search has you covered. With fuzzy search that catches typos, you’ll get exactly what you need. Fast, organized, and ready to explore.
Detail programs you’ll love, we hope
Every asset comes with clear documentation, clean code, and comments where needed. We even remember your preference, so you’ll always see the approach that works best for you, first. We also include videos that explain the concept, go deeper on the subject, or maybe might spark some new ideas.
Yeah we know it's a buzzword
The word ‘community’ gets thrown around a lot these days, but we genuinely believe it’s the best way to connect with other PM's. Whether it’s solving tricky problems together, sharing ideas, or just finding people who get what you’re trying to build, this is where those connections happen. We're on Slack, so no need to go to some dedicated tool online that you'll forget about.
Become a member
