Osmo · Index

Osmo

Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button pack

Tier A · StrongBlock CollectionAsset PackCourseosmo.supply

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.

For an agent

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.

Install command, framework, licence and component list.

Facts

License: Commercial license
Pricing: Subscription, One-time purchase, Free trial, Free but account required
Framework: Webflow, Vanilla JS
Styling: Vanilla CSS
Distribution: Copy-paste snippet, Web app / online tool, Direct download / asset pack
Platform: Web
Content type: Code, Icons, Video
Agent readiness: Ships a ready LLM prompt, Copy-paste ready code, Login required, Agent access behind payment
Accessibility: Accessible
Maturity: Actively maintained
Pricing detail: Solo EUR 25/month billed quarterly or EUR 20/month billed annually. Team EUR 20 or EUR 16 per person/month, minimum 2 users. Page Transition Course EUR 199 one-time (included with membership). 30% student discount. Free demo with 20 Vault resources.

Components it ships

231 total

Helps you build

Homepage Features 404 Submitting A Form Showing Input Error Filtering Items Map View Search Website

Notable for

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

Provenance

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.

Also in Motion & Interaction

osmo.supplyTier A