Dennis Snellenberg
@codebydennis
Helping brands thrive in the digital world © → Freelance Designer & Developer → Awwwards Judge '19-25 → Co-Founder: @osmosupply
You might like
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 🔗
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.
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.
And that’s a wrap on Q3 of this year already! Last month’s most popular resources include:
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.
In the presence of gods @josephberry88 @melydelmar06 @victorwork_ @codebydennis @iljavaneck @CarterOgunsola #webflowconf
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
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✨
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 🔗
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
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 👇
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…
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.
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 —…
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…
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.
United States Trends
- 1. #DWTS 41.9K posts
- 2. Sengun 20.3K posts
- 3. Rockets 51.9K posts
- 4. Rockets 51.9K posts
- 5. Shai 28.4K posts
- 6. Double OT 4,838 posts
- 7. Reed Sheppard 4,806 posts
- 8. Lakers 56.7K posts
- 9. Chris Webber 1,542 posts
- 10. Kevin Durant 21.9K posts
- 11. Chet 16.1K posts
- 12. Caruso 4,838 posts
- 13. Marcus Smart 1,724 posts
- 14. Elaine 21.5K posts
- 15. Draymond 4,692 posts
- 16. #NBAonNBC 3,705 posts
- 17. Amen Thompson 6,107 posts
- 18. Whitney 13.2K posts
- 19. Warriors 71.4K posts
- 20. Andy 60.4K posts
You might like
-
Neal Agarwal
@nealagarwal -
Ayush Soni
@ayushsoni_io -
Aleks
@aleksliving -
Fons Mans
@FonsMans -
Ilja van Eck
@iljavaneck -
Beni
@ben_issen -
Framer University
@learnframer -
Oğuz Yağız Kara
@oguzyagizkara -
Jordan Hughes
@jordanphughes -
Unseen Studio®
@uns__nstudio -
Niccolò Miranda
@niccolomiranda -
Locomotive®
@LocomotiveMTL -
Grace Walker
@graceongrid -
Relume
@relume_io -
Zajno
@ZajnoCrew
Something went wrong.
Something went wrong.