Drag

The Vault

Take a peek inside our Vault of resources

With Ilja van Eck
Pause
Play
00:00

Intro

00:55

Resource Page

02:11

Live Demo

03:14

Video Tutorials

03:51

More Features

00:00

/

00:00

Ilja van Eck

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.

01

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.

02

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.

03

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.

04

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.

X days ago
New Resource

Cursor Coordinates

Cursor Animations
Cursor Coordinates
X days ago
New Resource

Elastic Pulse Button (Bouncy)

Buttons
Elastic Pulse Button (Bouncy)
X days ago
New Resource

Horizontal Scrolling Sections

Scroll Animations
Horizontal Scrolling Sections

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.

Stacking Cards Parallax
Vault wide search

Vault wide search

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

Save resources

Save resources

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

Resource preview

Resource preview

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

Documentation

Documentation

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

Live preview

Live preview

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

Our take on a
dashboard

Our vault
Feature breakdown

Vault wide search

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

Vault wide search

Resource preview

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

Resource preview

Save resources

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

Save resources

Documentation

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

Documentation

Live preview

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

Live preview

Video Tutorials

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

Video Tutorials

or

For Webflow

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

Example of the Webflow documentation on a resource detail page

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.

Example of the HTML/CSS documentation on a resource detail page
Try for free

Want a taste before you buy?

Try the Osmo Demo Vault

Try 16 Resources for Free

Trusted by
Industry Giants

Save 20%
per user

Pricing for

Individuals

Teams

Choose the plan that fits you best.

One user

Member

€25 EUR

€20 EUR

per month
our
base plan

Perfect if you’re looking to level up your dev game without any long-term commitments.

Become a member

Benefits:

  • 000

    Vault resources, and always growing

View all benefits
One user

Lifetime

€599 EUR

one time
Bonus:
a copy of this website

Join once, stay part of the community forever. All future resources and updates included.

Become a Lifetime member

Benefits:

  • 000

    Vault resources, and always growing

View all benefits

Pay Once,
Use Forever

Multiple users

Team

€20 EUR

€16 EUR

per month, per user

Empower your whole team with personal accounts and access everything Osmo has to offer.

Sign up your team

Adding members:

  • 2

    Minimum of users included

  • 000

    Vault Resources

View all benefits

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.

We'll see you there!

Built
to Flex
Built
to Flex

Built
to Flex
Built
to Flex

Victor Work
Jordan Gilory
Jason Harvey
Huy Nguyen

Join 1.4K+ others

Ready to
level up?

Become a member to unlock the full Osmo toolkit today.