Dennis Snellenberg
@codebydennis
Followers
5K
Following
2K
Media
76
Statuses
341
Helping brands thrive in the digital world © → Freelance Designer & Developer → Awwwards Judge '19-25 → Co-Founder: @osmosupply
The Netherlands
Joined September 2018
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
To reach the new generation you need to know where they are. We are a true 360° agency, working the whole spectrum from TikTok content to TVC and from influencer collabs to out of home spectaculars.
Today’s #SOTD goes to @codebydennis and @JordanGilroy for "Truus". https://t.co/1OYHDhSWLA Portfolio/Agency website for Truus Agency, an advertising company creating campaigns for the new mainstream. Congratulations! 🏆 #illustration #typography #portfolio
1
0
26
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✨
8
5
107
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 🔗
1
2
14
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
3
6
111
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.
8
1
61
Name drop the most talented UI (Interface/Dashboard) designer in your network 👇
9
3
48
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 https://t.co/noSbdoN9yi
5
6
88
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
3
0
24
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.
3
7
172
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 —
8
4
66
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
2
5
36
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.
2
5
92
Introducing our 'Image Preview Cursor Follower' An effect that's been around for quite some time already, but can be tricky to nail. Our setup allows you to add anything as a preview. The script simply clones whatever visual is hidden inside your items, and then animates it into
11
9
184
The FlowFest website we worked on with @_isabeledwards is today's Site of The Day and Developer Award on @awwwards 🖤 PS: We bet you never thought of using some of our resources for social video content. Here's our 'Stacked Cards Slider' in use to highlight all of the resources
1
2
42
Today’s #SOTD goes to @codebydennis, @osmosupply, @_isabeledwards, and @iljavaneck for "FlowFest 2025". https://t.co/2sWThNcY6x The No.1 Fest for Web Designers & Devs. Congratulations! 🏆 #illustration #microinteraction #animation
7
13
120
Ever had a client say, “We want to show all 50+ logos in the header”? Then this is the resource for you. A looping logo wall that automatically cycles through hidden logos. Just drop in your full collection, and it smoothly flips through them, adapting to different breakpoints.
4
10
169
Favourite parts of my day is to see members return to @osmosupply after their subscription had ended. Nice confirmation that constantly updating the platform is worth it 🖤 Also, this activity log on @outseta is simply lovely
2
2
29
🏆 Announcing the winner of our Osmo Loading-Animation Challenge! Congratulations to @_zuji ! Using a gauge cluster for the loading progress is so creative, and the layout that it reveals (in a very smooth way) is chef’s kiss ✨ Enjoy your 1 year Osmo Membership + 1 year
9
8
99
The Vault keeps growing, and we’re ready to add another slider-type resource. This one is a visual stack of cards you can drag, with live animation during the drag, not just on release. Make sure to add a minimum of 7 cards or the slider won’t be activated.
4
5
96
Our Global Parallax Setup is 1 single function that you can add to your project, and then create almost any parallax effect on your site. Every part of the @greensock ScrollTrigger is configurable via attributes in your HTML! Very easy to apply and adjust 🤝
5
5
122