Effective, environmentally friendly cleaning concentrates delivered to your door in plastic-free packaging.
Trusted by 5,000+ eco-conscious customers
Eco-Friendly Cleaning
Our sustainable cleaning products eliminate single-use plastics and reduce your environmental footprint
Our products combine quality ingredients with sustainable design to create a better personal care experience.
Each product is formulated with high-quality, natural ingredients that are gentle yet effective for daily use.
Our innovative refill system means less waste and more savings. Simply reorder the refills when you need them.
All our packaging is designed with the planet in mind, using recyclable and compostable materials.
We never test on animals and ensure our suppliers follow the same standards throughout our supply chain.
Create your own delivery schedule that works for you. Easily modify, pause, or cancel your subscription anytime.
Our refill system saves you money over time while providing premium quality products at a fair price.
Built by two award-winning creative developers, our vault gives you access to the techniques, components, code, and tools behind our projects.
Our refillable system reduces plastic waste while delivering premium personal care products directly to your door.
Our refill system dramatically reduces plastic consumption compared to traditional personal care products, helping you minimize your environmental footprint.
Every shipment is carbon offset to ensure your deliveries have a net-zero impact on the environment, without any extra cost to you.
We formulate with plant-based, biodegradable ingredients that are gentle on your skin and on the environment when they wash down the drain.
Product visualization placeholder
Never run out of your essentials. Your products arrive automatically on your schedule, so you don't have to remember to reorder.
Our refill pouches cost up to 30% less than buying new containers each time, plus subscribers enjoy additional discounts.
Every refill you use helps reduce plastic waste and carbon emissions, making a real difference for our environment.
Join thousands of customers who are reducing their plastic waste while enjoying premium personal care products.
Get StartedBuilt by two award-winning creative developers, our vault gives you access to the techniques, components, code, and tools behind our projects. Build, tweak, and make them your own.
Access ready-to-use components like magnetic buttons, emoji rain effects, and directional hover states that bring your website to life with engaging interactions.
Browse our extensive collection of components, animations, and code snippets, all organized into clear categories with quick-find search functionality.
Enhance your website with attention-grabbing animation effects that add personality and create memorable user experiences.
Implement sophisticated form validation and user interaction patterns that improve conversions while providing a smooth user experience.
Create dynamic text effects like scramble animations that trigger on load, scroll, or hover to make your content engaging and interactive.
Add visual flair with cursor-based interactions like image trails and hover states that respond to user movements for an immersive experience.
Unlock a comprehensive set of components, animations, and techniques that will elevate your web projects and help you create memorable experiences.
Let's be real—rebuilding a slider (or any core component) from scratch for every project is just annoying. We've set up clean, customizable structures, built with best practices, so you can skip the boring setup and jump straight to the fun stuff.
Drag-and-drop tools might get you a quick animation, but if we're realistic—that won't win awards. We want you to actually understand what you're doing, how it works, and how to nail it yourself next time. Learn the principles, build the skills, and take control of your projects.
We are constantly adding new video content, components, and techniques to keep you at the cutting edge of web design. As we create new award-winning websites, we'll share the secrets and code that make them special.
Discover the core functionalities and techniques that form the backbone of many websites. These are the foundations you'll rely on for every award-worthy project. Master the basics, and the flashy stuff will actually have something solid to stand on.
Not sure about you, but we find ourselves going back to old projects all the time to quickly copy that snippet we used before. So we decided to keep track of them from now on. Try the below snippet in your project, it's on the house.
Explore All Snippetsdocument.addEventListener("DOMContentLoaded", () => {
// Dynamic update current year
const currentYear = new Date().getFullYear();
const currentYearElements = document.querySelectorAll('[data-current-year]');
currentYearElements.forEach(currentYearElement => {
currentYearElement.textContent = currentYear;
});
});
Did the designer use PNGs again? We've got you covered. Icons are a must for almost every website, but finding them in the right SVG format can be a pain. That's why we've made it simple: clean, scalable icons you can copy or download in seconds.
And more is coming...
Premium personal care, simplified with our refillable system. Choose your starter kit and refill as needed.
Gentle, effective hand soap in a reusable glass dispenser.
Moisturizing body wash in a durable, refillable container.
All your bathroom essentials in refillable containers.
Get 15% off every order and never run out of your essentials. Free shipping on all subscription orders, plus you can modify, pause, or cancel anytime.
Being sustainable means not reinventing the wheel for every project. We've created Osmo to help developers build more efficiently while still creating websites that stand out and make a lasting impression.
Stop building basic components from scratch for every project. Use our ready-made, optimized solutions.
Our components are optimized for performance, reducing unnecessary code and improving page loading times.
Spend less time on basic development tasks and more time on creating unique experiences for your clients.
Automatically cycle through images with smooth transitions without building from scratch.
Create engaging button interactions that respond to mouse movement direction.
Add interactive drawing features that follow cursor movements for unique experiences.
Create fun, engaging animations that add personality to your websites.
With Osmo, you'll have all the tools and resources you need to create memorable websites that stand out from the crowd and make a lasting impression.
By providing optimized, reusable components and educational resources, we help developers:
Co-founder, Creative Developer
"This whole thing is being built to help developers work smarter, not harder. We've spent years perfecting these techniques, and now we want to share them with the community to elevate the standard of web development everywhere."
Co-founder, Creative Developer
"With a combined total of 24 Site of the Day awards on Awwwards, we've learned what makes websites stand out. Osmo is our way of helping others achieve that same level of recognition and quality."
Join thousands of happy customers who have made the switch to sustainable personal care.
Happy customers
Average rating
Would recommend to a friend
Our platform is designed to make your development workflow more efficient and your websites more memorable. Here's how it all works.
The Vault is where everything lives. Organized into clear categories, it's designed to make browsing easy. Whether you're looking for a specific slider, animation, or utility, our quick-find search has you covered. With fuzzy search that catches typos, you'll get exactly what you need. Fast, organized, and ready to explore.
Every asset comes with clear documentation, clean code, and comments where needed—designed for both Webflow and non-Webflow users. We even remember your preference, so you'll always see the approach that works best for you, first. We also include videos that explain the concept, go deeper on the subject, or might spark some new ideas.
The word 'community' gets thrown around a lot these days, but we genuinely believe it's the best way to connect with other creators. Whether it's solving tricky problems together, sharing ideas, or just finding people who get what you're trying to build, this is where those connections happen. We're on Slack, so no need to go to some dedicated tool online that you'll forget about.
Every detail page is thoughtfully designed to provide all the information you need at a glance. From code snippets to implementation guidelines, we've got you covered.
document.addEventListener('DOMContentLoaded', function() {
const button = document.querySelector('.magnetic-button');
button.addEventListener('mousemove', function(e) {
const rect = this.getBoundingClientRect();
const x = e.clientX - rect.left - rect.width / 2;
const y = e.clientY - rect.top - rect.height / 2;
this.style.transform = `translate(${x * 0.2}px, ${y * 0.2}px)`;
});
button.addEventListener('mouseleave', function() {
this.style.transform = 'translate(0, 0)';
});
});
The word 'community' gets thrown around a lot these days, but we genuinely believe it's the best way to connect with other creators. Whether it's solving tricky problems together, sharing ideas, or just finding people who get what you're trying to build, this is where those connections happen.
Join 50+ creative developers and designers already sharing ideas and solving problems together in our Slack community.
Hey everyone! I'm trying to implement the magnetic button effect but I'm having issues with mobile. Any suggestions?
@erwin You might want to disable the effect on touch devices. I can share my code that handles that!
I just added a new tutorial about this exact issue! Check the vault, under "Mobile optimization"
Everything you need to know about our products and subscription service.
Still have questions?
Contact UsHave questions or feedback? We'd love to hear from you.
Ready to make the switch to eco-friendly cleaning? Fill out the form and we'll help you get started with the perfect products for your home.
Available Monday-Friday, 9am-5pm EST
Find quick answers to common inquiries about reaching our team
We typically respond to all inquiries within 24 hours during business days. For urgent matters, please call our customer service line.
Log into your account to manage your subscription or contact our support team directly and we'll help you make any adjustments needed.
Yes, we work with businesses and retailers. Select "Wholesale Partnership" in the form subject to discuss bulk pricing and partnership opportunities.
Osmo is loved by creative developers worldwide who use it to build stunning websites faster.
Digital Designer
Osmo combines high-quality resources with intuitive guides, making the process of designing standout websites faster and easier, helping creatives to achieve great results in less time.
Somefolk
Osmo is full of awesome (and easy to use) interactions that save so much time. They're visually powerful but also robust, and the best thing is, it's only going to get better as more even resources get added!
Designer & Front end Dev
It's nice to get access to some creative dev best kept secrets - they're a great a source of inspiration for animations and interactions. Already found out some tricks for some issues that were giving me headaches before!
Web Designer & Youtube creator
One of a kind platform for any developers out there. It's incredible to be able to see and learn how the pros implement their animations. If you love web animations and creative development, this platform this a no brainer.
Developer Education - GSAP
Even if you know GSAP, it can be tricky to apply abstract animation concepts to real-world scenarios. Dennis and Ilja have come to the rescue with this treasure-trove of useful techniques. This gets the official GSAP stamp of approval.
Creative Developer
Osmo Supply is a gem for clever and well-thought-out code/no-code solutions for animations and components. "Even I" came across a few neat tricks I hadn't seen before. Lama stamp of approval on this one!
Web Designer
The creative developer's cheat code. Osmo is a one-stop shop, offering everything from snippets to help you set up your site to advanced animations and interactions that elevate it to the next level.
Cut the Code
The Osmo Vault is a must-have for freelancers and agencies. It saves you a tremendous amount of time, delivers exceptional quality, and enhances creativity in your projects.
Webflow Developer
Flawless UI—detailed, easy to implement, and straight-up reliable. The code is clean, well-explained, and ready to drop into Webflow without a hitch. You can tell it's built by pros.
Everything you need to know about Osmo before joining
Still have questions?
Contact usThis whole thing is being built by Dennis Snellenberg and Ilja van Eck. With a combined total of 24 Site of the Day awards on Awwwards, we have years of experience in designing and developing interactive, animated websites that deliver unique user experiences. Now, bringing that experience and expertise to Osmo.
Osmo came from constantly digging through old projects wondering, 'How did I build that again?' It is basically our personal toolbox, packed with components, techniques, tricks and tutorials—and it will keep growing.
We built Osmo to help creative developers work smarter, faster, and better. The platform we wish we had, so we built it for you.
Creative Developer
Creative Developer
Let's be real—rebuilding a slider (or any core component) from scratch for every project is just annoying. We've set up clean, customizable structures, built with best practices, so you can skip the boring setup and jump straight to the fun stuff. Secretly, we might have made this mainly for ourselves too...
Drag-and-drop tools might get you a quick animation, but if we're realistic—that won't win awards. We want you to actually understand what you're doing, how it works, and how to nail it yourself next time. Learn the principles, build the skills, and take control of your projects.
We are constantly adding new video content, components, and resources to the platform. Our goal is to keep Osmo fresh and valuable by regularly updating it with techniques and solutions from our newest projects, ensuring you always have access to cutting-edge web development tools.
Have questions about Osmo? Want to request a specific component or tutorial? We're here to help you build websites people remember.
Creative Developer
Creative Developer
Connect with us and other creative developers in our Slack community for discussions, tips, and inspiration.
Join our SlackMessage sent successfully! We'll get back to you soon.