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.
From strategy to launch — we teach you how to lead with clarity, ship with speed, and think like a product leader. Everything you need, in one platform. Prodedify™ combines frameworks, templates, case studies, and real-world walkthroughs — all designed to level up your product thinking.
00:35
▶
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.
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.
We built Prodedify™ to help product managers work smarter, faster, and better.
We built Prodedify™ to help product managers work smarter, faster, and better.
Trusted by:
Prodedify™ is my new go-to resource for the best Webflow cloneables and code snippets. It saves me a lot of time and elevates my workflow. The scaling system, in particular, is a game-changer—it’s exactly what I was missing and is now my fluid scaling solution for every project.
Liam Bennett
The Prodedify™ Vault is a must-have for freelancers and agencies. It saves you a tremendous amount of time, delivers exceptional quality, and enhances creativity in your projects.
Sophia Carter
The creative developer’s cheat code. Prodedify™ is a one-stop shop, offering everything from snippets to help you set up your site to advanced animations and interactions that elevate it to the next level. The resources are so easy to implement, and with some imagination, you can adapt them to create something unique.
Ethan Harper
Prodedify™ combines high-quality resources with intuitive guides, making the process of designing standout websites faster and easier, helping creatives to achieve great results in less time.
Mia Reynolds
One of a kind platform for any developers out there. It’s incredible to be able to see and learn how the pros implement their animations. If you love web animations and creative development, this platform this a no brainer—just sign up already.
Noah Brooks
Flawless UI—detailed, easy to implement, and straight-up reliable. The code is clean, well-explained, and ready to drop into Webflow without a hitch. You can tell it’s built by pros. Love it and definitely using this on most of my projects. Prodedify™ is the real deal.
Olivia Porter
Prodedify™ is full of awesome (and easy to use) interactions that save so much time. They’re visually powerful but also robust, and the best thing is, it’s only going to get better as more even resources get added! Oh and it doesn’t hurt that the dashboard looks sick too.
Lucas Mitchell
It’s nice to get access to some creative dev best kept secrets – they’re a great a source of inspiration for animations and interactions. Already found out some tricks for some issues that were giving me headaches before! Love how it explains the implementation rather than blindly copy-pasting it, making it much easier to customize.
Ava Thompson
What’s inside Prodedify™
We built Osmo to help creative developers work smarter, faster, and better.
An innovative toolkit behind
award-winning products
Ready-to-use Frameworks
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.
5:15
Frequent Updates
We are constantly adding new video content!
Glowing Interactive
Glowing Interactive
Glowing Interactive
Glowing Interactive
Glowing Interactive
Glowing Interactive
Prodedify™ Playbooks
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
Copy
Adobe
Copy
Airplay
Copy
Airbnb
Copy
Alert
Copy
Abstract
Copy
Abstract
Copy
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.
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.
This whole thing is being built by DennisSnellenberg and Ilja van Eck. With a combinedtotal of 28 Site of the Day awards onAwwwards, we have years of experience indesigning and developing interactive,animated websites that deliver unique userexperiences. Now, bringing that experienceand expertise to Osmo.