Button Pack

There are two ways to get the pack. The first option is a one-time payment of €100 EUR to unlock it forever. No subscription needed.

Members already get access to 50 buttons included with their membership. Want the full 100-button pack? You can unlock the remaining 50 buttons for a one-time payment of €50 EUR.

No, you do not need a subscription.

The Button Pack is available as a standalone one-time purchase with lifetime access. Once unlocked, the buttons are yours to use in your projects whenever you want.

Osmo members already get access to 50 buttons included with their membership, but the full 100-button collection can also be unlocked (for €50 EUR) separately, as an add-on.

You get the full HTML, CSS, and JavaScript for every button. The pack is built to fit naturally into Webflow workflows, but the buttons work anywhere standard front-end code works. Copy, paste, customize, and use them in your own websites, client projects, or frameworks.

Every button is controlled by CSS variables; colors, padding, radius, easing, focus insets. Adjust them in seconds and the whole button adapts. We use semantic HTML elements, clear focus-visible states, proper ARIA labels, and prefers-reduced-motion support.

The Button Pack was created together with Eduard Bodak.

Over the course of 6 months, we designed and refined 100 unique buttons with a strong focus on motion, interaction, accessibility, and the tiny details that make a button feel good to use.

In a world where everything starts looking the same, we wanted to create a collection that feels crafted. Every hover state, easing curve, transition, and interaction was intentionally designed instead of relying on generic defaults.

Every button uses semantic HTML elements, proper focus-visible states, keyboard-friendly interactions, and prefers-reduced-motion support. We also use ARIA labels where needed to make sure the components work well for everyone.

We worried about the accessibility details, so you can focus on the creative part. The goal was simple: create buttons that not only look good, but are actually ready to ship in real-world projects.

Once you purchase the Button Pack, the buttons are instantly unlocked inside your Osmo Vault. From there, you can browse through the collection, preview the interactions, copy the code, and customize the buttons directly for your own projects.

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.

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.

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.

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.

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.

Yes!

We have a free demo that currently includes 20 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.

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.

We do indeed! Head to the pricing page, and use the toggle above the pricing cards to switch to the team plan.

Refunds may be available under certain conditions. Because our product is digital and access is provided immediately after purchase, refund eligibility is limited. If you’re unsatisfied or experience an issue with your purchase, please contact us within 7 days of your account creation date, and we’ll work with you to find a resolution. Please note that this 7-day refund window applies only to the initial account creation period and does not reset with renewals or subsequent billing periods.

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.

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.

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.