CodeRabbit
Devtools
← Websites
Osmo
Awwwards-caliber motion, packaged for your codebase
Visit site ↗
4.3MB · 10,833px tall · uses Haffer VF, Haffer Mono, Haffer XH
Industry
Devtools
Style
Dark Mode, Bento, Scroll Animation
Stage
Private
Built with
Webflow
About the site
Osmo is a membership platform from Dennis Snellenberg and Ilja van Eck, two developers with 38 Awwwards Site of the Day wins, packaging their animation know-how into 'The Vault', a library of 120+ animated UI components, courses, and easing curves for front-end and Webflow developers. Fittingly, the site is itself a demo reel: a dark bento grid where each card shows a live scroll-triggered animation or hover interaction instead of a screenshot. A strong reference for devtools that let their own UI double as the pitch.
How this page sells
For creative Webflow developers: the page is its own demo reel, and every animated card adds a reason to join.
Primary navigation
- Menu
- Login
- Join
ClickTap a section to see it on the page
'Dev Toolkit ✱ Built to Flex' over a fan of tilted, live resource cards (a product hotspot modal, a €248,750 number odometer, a step-by-step timeline), with a 'Play Reel' video and 'Join 3K+ others'.
Why it converts: Each card in the fan is a working component, so the visitor samples the product's quality before reading a word, and '3K+ others' says the club is real.
A purple 'Created by Dennis Snellenberg' portrait card, next to a 'Latest updates from Osmo' dial showing a resource added two days ago and 'New stuff is added every week!' in handwriting.
Why it converts: Designers follow people, not brands. A known award-winning developer's face turns a component library into 'learn from someone you admire', and the fresh update proves it's maintained.
'The platform (The Vault)': 'Built by two award-winning creative developers', over the real dashboard: 'Hello Dennis, Welcome to the Vault', a search across 122 resources and sections like Scroll Animations and Cursor Animations.
Why it converts: Showing the logged-in product removes the mystery of a paywall. The buyer sees exactly what their membership looks like on day one.
'Access everything with a single membership' with tabs (The Vault, Page Transition Course, Buttons, Easings, Icons, Community) over three tilted cards for the Vault, the course and the community.
Why it converts: Bundling a course, icons and easings with the components makes one subscription replace several one-off purchases, which is how it justifies a monthly fee.
'Level up your game and join a community of creatives who love building great websites as much as you do.' with three benefit rows and 'Trusted by industry giants': Superpower, Tonik, Webflow, Hello Monday.
Why it converts: Studios like Hello Monday using the same toolkit tells a freelancer they'll be working at agency level, and the community angle makes cancelling feel like leaving a group.
A 'Connect Worldwide' globe beside a purple quote card, 'Osmo empowered me to take on any creative challenge': members crediting it with their first major awards and new clients.
Why it converts: Quotes about winning awards and clients speak to the member's real goal, a better career, not just nicer animations.
'Everything you need in one membership': Solo at €20/month and Team at €16 per person/month billed annually, both listing '210 Vault Resources, added weekly', with 'Save 20%' annotated in handwriting.
Why it converts: A price below a single stock template, plus a resource count that grows weekly, makes the membership feel cheap relative to the time it saves.
'Made with Osmo: These folks are talented' over a showcase carousel of member sites, led by a racing driver's site credited to its maker with '7 resources used'.
Why it converts: Real sites with a resources-used count show exactly how members turn the toolkit into client work, which is the outcome they're paying for.
A purple 'Ready to level up?' card ('Become a member to unlock the full Osmo toolkit today') with Become a member and FAQs, beside a 'Built to Flex' circle, above a giant OSMO wordmark.
Why it converts: The close repeats '3K+ others' and pairs the join button with FAQs, catching both the convinced and the still-hesitant in one place.
