The Vault
Take a peek inside our Vault of resources

Intro
Resource Page
Live Demo
Video Tutorials
More Features
00:00
/
00:00

Discover our library of 000 ready-to-go resources, designed to be used, tweaked and customised. Easily copy/paste to Webflow, or access the HTML/CSS to fit your preferred workflow.
Build faster and better
Our resources save you hours of rebuilding from scratch. Each one is made for real-world projects, so you can focus on shipping work that stands out.
Speed without compromise
These aren’t stripped-down templates. Every piece is built to be fast, flexible, and production-ready, so you can ship beautiful work without trading quality for time.
Clear documentation
We don’t sell magic tricks. Every component shows the real setup; Clean, documented, and ready to use. You’ll see exactly how it works, so you can take it apart, rebuild it, or drop it straight into your project.
A living and growing system
We keep adding new resources, ideas, and techniques every week. The Vault evolves with you, so your toolkit never stops expanding.
Last added
Resources Added
Every Week
x days ago
Take a peek inside our ever-growing collection of resources. We’ve added 000 resources over the past year, with the latest addition to the Vault added X days ago.
Features
Osmo came from constantly digging through old projects wondering, ‘How did I build that again?’ It is basically our personal toolkit, packed with components, techniques, tricks and tutorials.

Our take on a
dashboard
Vault wide search
The Vault offers a dashboard-wide search experience that can quickly open a resource from anywhere.

Resource preview
Quickly move through the Vault with short-form video previews of each resource.

Save resources
Bookmark your favourite resources with a single click. They will appear on your private Saved page.

Documentation
We provide documentation in two tabs: one for Webflow users and the other for devs who use HTML/CSS.

Live preview
Click the live preview button to open a new full-screen window so you can experience the effect without distractions.

Video Tutorials
Quickly move through the Vault with short-form video previews of each resource.

or
For Webflow
Easily copy any Osmo resource into your Webflow project. Customize it with your own content, and you're ready to go!

Access the HTML
For our non-Webflow users, we offer full HTML, CSS, and JS access so you can integrate each resource into your favorite workflow.

Want a taste before you buy?
Try the Osmo Demo Vault
Try 16 Resources for Free


Pricing for
Individuals
Teams
Choose the plan that fits you best.
Member
€25 EUR
€20 EUR
Benefits:
- 000
Vault resources, and always growing
Pay Once,
Use Forever
Team
€20 EUR
€16 EUR
Adding members:
- 2
Minimum of users included
- 000
Vault Resources
Got questions?
We’ve got answers.
We even answered
without ChatGPT ;)
What is the Vault?
The Vault is where all Osmo resources live. It’s basically our platform, the heart of our product.
You’ll find a mix of functional and creative resources: components, snippets, effects, and techniques built for designers and developers who love detail.
Everything comes with clear documentation for both Webflow and HTML/CSS/JS. We use the best tools available on the web, like GSAP, so you can easily learn, copy, or adapt them into your own projects.
Can I still use the vault resources when I cancel my membership?
Yes. Anything you already used in shipped projects stays fine to use. Your Vault access and updates stop when your billing period ends. We will not lock you into some CDN of ours to keep access!
How often are new resources added?
Very regularly. Check the Updates page for an always up-to-date list of what’s new and what changed!
Do the resources come with documentation and video tutorials?
Yes. Every resource comes with two types of documentation, one for Webflow and one for HTML/CSS/JS.
Some resources also include short video tutorials that walk you through the setup and logic behind them. On top of that, we regularly create extra video content that goes beyond individual resources, covering broader topics.
Can I modify or customize the resources to fit my projects?
Yes, absolutely. That’s one of the strongest things about Osmo: We give you the direct code. Nothing’s hidden.
You can change structure, timing, easing, or styling however you like. Every resource is made to be customized, so you can make it fit perfectly with your own workflow and design style.
Can I request specific resources?
Absolutely. We love hearing ideas from our community! That’s why we highly recommend joining our Slack Community. It’s a global space for designers and creative developers, with dedicated channels for feedback, discussions, and submitting new resource ideas.
Can I use the Vault Resources in client projects?
Yes, absolutely. Use them in personal and client work. What you can’t do is resell or redistribute the resources as a library or product.
Will my saved resources stay synced across devices?
Yes. Saves and favorites are tied to your account, so they show up wherever you sign in. If something looks out of date, try refreshing your dashboard.
Who is creating the Osmo Resources?
Mostly Dennis Snellenberg and Ilja van Eck, with select collaborators. We ship the same quality we use in real projects, or even better.
How do I get notified when new resources are added?
Join Slack for announcements, check the Updates page, and keep an eye on email. We share releases and improvements across those channels.
Can I share the Osmo Vault with my co-worker or friend?
No, not unless you’re on a team account. Regular Osmo accounts are single-user.
If we suspect account sharing or other misuse, we reserve the right to temporarily disable access until the situation is cleared up.
Who is Osmo made for?
Osmo is made for designers and developers who care about detail, the ones who love smooth interactions, creative layouts, and sites that stand out.
It’s built for creative web developers who want to enhance their skills, streamline their workflow, and create award-worthy projects. Whether you’re freelancing, part of an agency, or working on personal projects, Osmo has something for you.
Are you Webflow exclusive, or do you give the HTML/CSS as well?
We’re not Webflow exclusive. Every resource in Osmo comes with full HTML/CSS & JS documentation, so you can easily adapt it to your workflow. Osmo is built for creative developers, whether you use Webflow, write code from scratch, or work somewhere in between.
Who is behind Osmo?
Osmo was created by Dennis Snellenberg and Ilja van Eck.
Based in the Netherlands and Belgium, we’ve combined our experience from years of building high-end websites and over 35 Awwwards “Site of the Day” wins into a platform that helps others create interactive, animated, one-of-a-kind projects.
How often do you add new content?
We update Osmo very regularly. You can always check our Updates page to see everything we’ve added recently. New components, resources, and improvements are rolled out consistently to keep things fresh.
Can I suggest a resource for Osmo to create?
Absolutely. We love hearing ideas from our community! That’s why we highly recommend joining our Slack Community. It’s a global space for designers and creative developers, with dedicated channels for feedback, discussions, and submitting new resource ideas.
Is there a free trial or demo version I can explore first?
Yes!
We have a free demo that currently includes 16 resources from the Vault. You can explore them right away and get a feel for how Osmo works. Sign up here to try it out.
Can I still use the resources when I cancel my membership?
Yes. When you cancel, you keep access until the end of your current billing period. After that, your vault access stops, but anything you already used in shipped projects is fine to keep using. Redistribution or reselling is not allowed.
Do you have a team, studio or agency plan?
We do indeed! Head to the pricing page, and use the toggle above the pricing cards to switch to the team plan.
Is there a refund policy for purchases?
Yes, we offer refunds under certain conditions. If you’re unsatisfied or have an issue with a purchase, reach out to us, and we’ll work with you to find a resolution.
Can I change my plan later?
Yes, you can switch between quarterly and yearly billing options at any time through your account settings in the dashboard. If you decide to upgrade to the lifetime plan, the price will reflect the current offering at the time of your upgrade.
How can I contact support if I have an issue?
Email us or reach out in Slack. We’re active and try to help quickly, and the community is great for troubleshooting too. If you run into a bug, there's usually lots of people ready to help out.
Can I share my Osmo account with my co-worker or friend?
No, not unless you’re on a team account. Regular Osmo accounts are single-user.
If we suspect account sharing or other misuse, we reserve the right to temporarily disable access until the situation is cleared up.

Built
to Flex
Built
to Flex

Built
to Flex
Built
to Flex






Join 1.4K+ others
Ready to
level up?
Become a member to unlock the full Osmo toolkit today.






























































































































