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 đã đăng lại

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


We just hit 1400 active @osmosupply members! 🌍 It’s unreal to see how this global community keeps growing, with people from all over the world logging into our platform on a daily basis. Thanks to everyone who’s a part of it.

codebydennis's tweet image. We just hit 1400 active @osmosupply members! 🌍 It’s unreal to see how this global community keeps growing, with people from all over the world logging into our platform on a daily basis. Thanks to everyone who’s a part of it.

Dennis Snellenberg đã đăng lại

I feel like @osmosupply is the current @codrops for Webflow. The work that @iljavaneck and @codebydennis are doing there is beautiful. And my clients love it.


Dennis Snellenberg đã đăng lại

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 đã đăng lại

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 đã đăng lại

osmo v2 // initializing...


Dennis Snellenberg đã đăng lại

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 đã đăng lại

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 đã đăng lại

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 đã đăng lại

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 đã đăng lại

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 đã đăng lại

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 đã đăng lại

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 đã đăng lại

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 đã đăng lại

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.


Loading...

Something went wrong.


Something went wrong.