codebydennis's profile picture. Helping brands thrive in the digital world © → Freelance Designer & Developer → Awwwards Judge '19-25 → Co-Founder: @osmosupply

Dennis Snellenberg

@codebydennis

Helping brands thrive in the digital world © → Freelance Designer & Developer → Awwwards Judge '19-25 → Co-Founder: @osmosupply

Dennis Snellenberg podał dalej

This experimental resource is a bold infinite scroll experience. It is perfect for a portfolio or media archive with big typography that highlights a visual. Feel free to swap this out with video or other HTML content. Now available in the Osmo Vault.


Dennis Snellenberg podał dalej

A pretty classic web animation this time; A rotating text effect! With this setup you can simply add a comma-separated list of words as attribute value on a span element, and the script will handle everything for you. Available as a @webflow component or as HTML code.


Challenged myself to do it without GSAP

As we explored different cursor trail ideas we found a neat interaction that adds motion to a section, letting stacked visuals chase your cursor with 🧈 buttery smooth ease. A great way to bring subtle depth into a clean, minimal layout.



Cooking on Friday for @osmosupply


Dennis Snellenberg podał dalej

Here's our top 5 most popular resources of last month! • First place is taken by the Bold Full Screen Navigation • Just like in October, second place again goes to the Footer Parallax Effect • Third is the Horizontal Scrolling Sections • Fourth place for our first…


Dennis Snellenberg podał dalej

Curious how the live search in the Vault works? This setup with List.js shows you exactly how it’s done. Lightning fast and simple to set up. Just add some keywords (visible or hidden) and you’re all set.


Only 19/50 Lifetime spots left 🚨

This Black Friday you can grab a lifetime deal with a €100 EUR discount. (Only 50 spots available) A copy of our own site is included with Lifetime Deal. Ready to inspect, reuse, or tear apart for personal use. Available as a ZIP with the HTML/CSS/JS, or as a @webflow transfer.…

osmosupply's tweet image. This Black Friday you can grab a lifetime deal with a €100 EUR discount. (Only 50 spots available)

A copy of our own site is included with Lifetime Deal. Ready to inspect, reuse, or tear apart for personal use. Available as a ZIP with the HTML/CSS/JS, or as a @webflow transfer.…


Dennis Snellenberg podał dalej

Black Friday at Osmo, live NOW! 🚀 Everyone is throwing discounts around, so we figured… why not join the chaos? You can now grab €100 off our Lifetime option (only 50 spots available), including a bonus copy of our brand new website, or start a quarterly subscription with…

osmosupply's tweet image. Black Friday at Osmo, live NOW! 🚀
 
Everyone is throwing discounts around, so we figured… why not join the chaos?

You can now grab €100 off our Lifetime option (only 50 spots available), including a bonus copy of our brand new website, or start a quarterly subscription with…

Dennis Snellenberg podał dalej

Today we're adding this slider with a fun 'overlapping' or stacking effect. Also fun to configure some other scale and rotation values to get different results! Made from scratch with @greensock and their Draggable + Inertia plugins. Available as a @webflow component + as an…


Dennis Snellenberg podał dalej

Finally arriving in the Osmo Vault is the Willem Loading Animation we teased a while ago. Flicking through images and then scaling into a full screen background. Fun fact, Willem is a traditional name in the Netherlands where both @iljavaneck and @codebydennis are from.


Dennis Snellenberg podał dalej

It's been a week since the @webflow x @contra challenge finished. We are super proud to see the #1 and #3 prize taken by members from our community. But there were sooo many amazing other submissions, we felt like giving all of these people an extra podium 🏆🖤 Featuring work…


Now ready to copy from the @osmosupply Vault.

Today we’re adding a smooth Loading Animation to the Vault. Tiles slide in horizontally with a staggered ease that locks everything together nicely. You get the raw GSAP timeline and a full slider version for those big header visuals. Two resources in one.



Dennis Snellenberg podał dalej

Trying something new in our Vault! @hiunicornstudio is a visual WebGL editor, and the same tool we used for the hero background on our previous website (the black/orange gradient thing). Today's resource features this sort of 'refracted glass' effect that was also popular as a…


Cooking for @osmosupply 👨‍🍳


The Osmo Community keeps shipping wild stuff, so we gave their work a proper home.

Introducing the Osmo Showcase 🔥 In our Slack Community, there’s a new project launch almost every day, sometimes multiple in one afternoon. The level of creativity and talent in there is unreal. We felt like they deserve a proper spotlight. So we built the Osmo Showcase. A…



Dennis Snellenberg podał dalej

Since our Osmo Vault analytics show that you love the Navigation/Menu resources, we decided to add another full-screen one. Bold, fresh, and built to put your links front and center. Ready to level up? Become a member through the link in bio 🔗


Dennis Snellenberg podał dalej

Built with too much coffee and not enough sleep ☕


Dennis Snellenberg podał dalej

A few days later due to the launch of our rebranding yesterday, but we’re back with last month’s most popular resources! Feeling inspired? New stuff is added every week, become a member through the link in bio! 🔗

osmosupply's tweet image. A few days later due to the launch of our rebranding yesterday, but we’re back with last month’s most popular resources!

Feeling inspired? New stuff is added every week, become a member through the link in bio! 🔗

Dennis Snellenberg podał dalej

Massive milestone for us: Osmo 2.0 is officially live! 🚀 Osmo is evolving into a real dev toolkit. We're building the platform you'll want open in your browser every single day, for every step of your dev process. To support all of the plans we have for Osmo, we decided, not…


Dennis Snellenberg podał dalej

Who doesn’t enjoy a smooth, bouncy hover animation that makes elements feel more playful and alive? Another button added to the Osmo Vault never hurts! ↓ Add this button to your project osmo.supply


Loading...

Something went wrong.


Something went wrong.