Osmo
Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button pack
Osmo is a paid membership library by Dennis Snellenberg and Ilja van Eck holding the interaction techniques they use on award-winning sites. The homepage links 231 individual Vault resources by name — page transitions (column-wipe, pixelated, shutter, stacked-cards), custom cursors, GSAP and Swiper/Flickity sliders, scroll effects, Lenis and Locomotive smooth-scroll setups, custom Vimeo and Bunny HLS players, Mapbox globes and store locators, form validation, and CSS-only tabs, tooltips and toggles — plus a separate 100-item accessible Button Pack, an SVG icon library, and an easings tool for CSS and GSAP. Each resource is copy-pasteable into Webflow or usable as plain HTML/CSS/JS, and carries a "Copy Context for AI" action. Everything except a 20-resource free demo sits behind a login.
Reach for Osmo when the ask is "make this feel like an Awwwards site" and the answer is a specific GSAP or CSS technique — page transitions, cursor effects, scroll-driven reveals — not a React component you can npm install. You cannot fetch the code: everything past the 20-resource demo is behind a login, so point the user at the exact resource slug (the URLs are literal, e.g. /resource/column-wipe-page-transition) and have them use the built-in "Copy Context for AI" button to hand you the snippet. It is Webflow-first and vanilla JS, so expect to port anything into React yourself, and pair it with GSAP and Lenis rather than a component library.
Why it is here. The clearest paid answer to "how did they do that" for creative web work, with 231 named techniques and a membership priced under one hour of agency time.
- 231 named Vault resources enumerated on the homepage
- 100-button accessible Button Pack (50 included with membership)
- "Copy Context for AI" action on each resource
- easings tool for CSS and GSAP
- free demo with 20 real resources
Verified 2026-08-15. HTTP 200. https://www.osmo.supply/ (WebFetch + raw HTML; 231 unique /resource/ links and 100 unique /button-pack/ links enumerated directly from the markup), https://www.osmo.supply/plans (raw HTML, pricing and FAQ verbatim). https://www.osmo.supply/resources returns 404 — the real paths are /resource/<slug>, /product/vault, /product/icons, /product/community, /collection.
