Build products that matter.
Learn the skills that make It happen.

Learn the skills that make it happen.
Build customer-loved products faster with expert PM tools & frameworks, and guides.
00:25

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.

00:35

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.

Go-to-Market (GTM)

PRD Templates

Product Strategy Canvas

Componenet Library

Product Teardowns

Operating Plans

Image Trail Following Cursor

Button with CSS Character Stagger

Custom Vimeo Player (Advanced)

Become a member to view!

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.

    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.

    And more is coming...

    We’ve packed our best into one platform

    Start building websites people can't ignore

    Portrait of Dennis Snellenberg, Co-Founder of Osmo
    Portrait of Ilja van Eck, Co-Founder of Osmo

    Explore the perks of being a member

    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

    This whole thing is being built by Dennis Snellenberg and Ilja van Eck. With a combined total of 28 Site of the Day awards on Awwwards, we have years of experience in designing and developing interactive, animated websites that deliver unique user experiences. Now, bringing that experience and expertise to Osmo.