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 reposted

Easily create a 3D tilting effect with our latest resource. This setup makes elements rotate towards your cursor position inside the browser window. This is 1 of 120 resources/components we currently have in our Vault. Become a member through the link in bio 🔗


Dennis Snellenberg reposted

This resource for a Footer Parallax Setup creates a clean scrolling animation that transforms your footer into two layers for a subtle depth parallax effect. A darker overlay enhances the contrast and brings more visual depth.


Dennis Snellenberg reposted

osmo v2 // initializing...


Dennis Snellenberg reposted

New resource added: Another one for the Utilities & Scripts collection. A simple setup to add social share buttons to your articles or project pages. It supports all major platforms, plus sharing via email or copying the link directly to your clipboard for quick access anywhere.


Dennis Snellenberg reposted

And that’s a wrap on Q3 of this year already! Last month’s most popular resources include:

osmosupply's tweet image. And that’s a wrap on Q3 of this year already! Last month’s most popular resources include:

Dennis Snellenberg reposted

By request in our Slack community! We’ve added a Magnetic Cursor that flips its dot into any hover target on your page, using @greensock Flip. It doesn’t even need to cover the full background, you can drop it into any “holder” div you like. Perfect for links, buttons, or…


Your biggest struggle might be your biggest opportunity. Almost every project I work on needs a custom video player. Before @osmosupply, this used to be one of my most time-consuming tasks, rebuilding the same thing over and over again in slightly different styles.


Spending way too much time on animations always pays off. 🏆 The new website we created for Truus won Site of the Day on Awwwards. A great design by @JordanGilroy, combined with a powerful set of @osmosupply resources, makes the dream work. Link → truus.co

Today’s #SOTD goes to @codebydennis and @JordanGilroy for "Truus". awwwards.com/sites/truus Portfolio/Agency website for Truus Agency, an advertising company creating campaigns for the new mainstream. Congratulations! 🏆 #illustration #typography #portfolio



Dennis Snellenberg reposted

Recently requested in the Slack Community, our setup to create a 'stacking' effect with some cards or sections. A very subtle way to create some depth in your website. The resource also explains how to animate any element inside of the cards, to really make it come to life✨


Dennis Snellenberg reposted

The top 5 most popular resources of last month! In August, we hit a big milestone. Our Vault now contains over 100(!) resources. These are the 5 you loved most last month 👀 Explore them all by becoming a member through the link in our bio 🔗

osmosupply's tweet image. The top 5 most popular resources of last month!

In August, we hit a big milestone. Our Vault now contains over 100(!) resources. These are the 5 you loved most last month 👀

Explore them all by becoming a member through the link in our bio 🔗

Dennis Snellenberg reposted

This week in Osmo in Use, we’re featuring Supersolid, build by @by__huy with the help of a small set of Osmo Resources. Here’s what they used: 1. Dynamic Current Time 2. Basic Filter Setup 3. Accordion CSS Animation 4. Custom Vimeo Lightbox 5. Change Page Title on leave


Dennis Snellenberg reposted

The Osmo Vault analytics tell us that you guys love cursor animations and marquee effects. Why not combine them?! With a few simple attributes, this script reads the word length and text content of the hovered card and adjusts the marquee effect to match its title.


Name drop the most talented UI (Interface/Dashboard) designer in your network 👇


Dennis Snellenberg reposted

And here it is, Osmo Resource nº100!! 🔥 Sometimes you don't need WebGL to create a bit of that wow effect. It's a 3D Carousel, fully powered by GSAP. ↓ Use Osmo in your project osmo.supply


Excited to join a panel of legends this year to judge the best Webflow builds.

There's only about 1 week left to enter Webflow's biggest challenge yet! Both @codebydennis and @iljavaneck are on the jury panel, and they're joined by none other than Cassie Evans, Timothy Ricks, and Corey Moen. Between us five, we'll get to decide who nailed the brief: "Build…



Dennis Snellenberg reposted

Having pixelated images is bad in most cases, but not always. Spice up your aesthetic layouts with big photography using this pixelate render effect. Trigger it on hover, click, load, or when scrolling into view.


Dennis Snellenberg reposted

Overflowing with energy, bounce, and character, the new #MadeInWebflow truus site is a joyride from start to finish! From delightful animations to quirky transitions, this experience feels like the brand in motion. Massive props to: 🎨 Design — @JordanGilroy 💻 Development —…


Dennis Snellenberg reposted

The top 5 most popular resources of last month! Navigations is always a popular category, and our new Multilevel Navigation doesn’t seem to be an exception. Even one of the newest additions, our Masonry Grid setup made the top 5, and we have Locomotive Scroll back in here for…

osmosupply's tweet image. The top 5 most popular resources of last month!

Navigations is always a popular category, and our new Multilevel Navigation doesn’t seem to be an exception.

Even one of the newest additions, our Masonry Grid setup made the top 5, and we have Locomotive Scroll back in here for…

Dennis Snellenberg reposted

What, resource no. 99? Already? We’re almost hitting triple digits! This Directional Hover effect is for those moments when “just fading in” won’t cut it. It responds to your cursor’s movement direction and animates the colored tile accordingly: up, down, left, or right.


Loading...

Something went wrong.


Something went wrong.