#30daysofwebflow search results

Day 9 of #30DaysofWebflow journey 🚀 Keeping it simple today -built an animated sign-in button with a circular motion that rises from the bottom on hover. Loving how subtle interactions can bring designs to life ✨ #Webflow #FrontendDevelopment #BuildingInPublic

Day 8 of my #30DaysofWebflow journey ✨ I built an animated toggle switch that transitions seamlessly between dark and light mode. I’m excited to integrate this into future real-world projects!!! #Webflow #FrontendDevelopment #BuildingInPublic

Day 7 of #30DaysOfWebflow journey ✨ Built an unmasking of elements on scroll and page load using clip-path. I’m also getting better with linear gradients and flexbox -everything’s finally clicking 😌 #Buildinpublic #webflow #FrontendDev

Day 6 of #30DaysOfWebflow journey ✨ Built an event registration form with a gradient background and glassmorphic wrapper. Learnt this from @webflow and I loved how clean and flexible it turned out! 💪 Feedback’s welcome 💜 #Webflow #frontenddevelopers #Buildinpublic

Day 5 of #30DaysOfWebflow journey Finally understood how Variables work in Webflow (huge shoutout to Timothy Ricks 🙌) It’s such a game changer for keeping things consistent across designs! #Buildinpublic #WebflowChallenge

Day 4 of #30DaysOfWebflow journey I just learned how to build a flawless sticky scroll (thanks to Timothy Ricks 🎯) Feels so smooth watching it in action 👀 Can’t wait to use this technique in real projects! #Buildinpublic #Webflow #frontendDev

Day 3 of #30DaysOfWebflow journey I built an infinite testimonial loop today - inspired by what I learned from Timothy Ricks Finally getting comfortable with Flexbox too 💪 It took patience, but seeing everything move smoothly feels so rewarding ✨ Feedback is always welcome!

Day 2 of my #30DaysOfWebflow journey ✨ Tried out CSS Grid today, it wasn’t easy at first, but I’m starting to love how organized it makes everything look! Definitely using it more often 😍 Feedback is always welcome #Buildinpublic #Webflow #FrontendDev

Day 1 of my #30DaysOfWebflow 👩🏽‍💻 Built a dark sleek hero section for a gadget landing page!! Learned how to position elements with Flexbox and make my layout stand out with a bold background image 🔥 Slowly getting the hang of this! #Buildinpublic #Webflow

Starting my #30DaysOfWebflow Challenge tomorrow 👩🏽‍💻 I’m learning Webflow with tutorials from Timothy ricks on YouTube hoping to grow from a beginner to someone who can confidently design modern sites. Let’s see how far I go 🚀 #Buildinpublic #WebflowChallenge

Don't be too excited about the Game let me first share my webflow learnings of the day Day 4 of #30DaysOfWebflow →Started Building a Site →Playing with Webflow Animation #Webflow🚀

Day 3 of #30DaysOfWebflow →Learning how to make animated blurry backgrounds in @webflow →Tutorial below this tweet Light Color:

Day 2 of #30DaysOfWebflow Done with the wireframing of the design in @figma that I'm going to build in @webflow.

Day 1 of #30DaysOfWebflow -I will be building an Digital Marketing Agency website in first week of my Webflow challenge. -Got Inspiration from some awesome web designs. -Designing basic wireframe of the design in Figma to develop in webflow. -Will share the progress below ↓

I took a short break after completing the @100daysnocode challenge, and now I'm back to learning and building. I'm going to start the #30DaysOfWebflow challenge in which I'll be posting my webflow learnings and building tips consistently for 30 days starting tomorrow. Let's Go🚀

#Webflow challenge, Day 23/30. The landing page Hero is live! ➡ thirtydaysof.webflow.io #30daysofWebflow will be a reflection on this challenge. A guide for Webflow beginners. Tomorrow I'll fine-tune responsiveness and the illustration. I used @audienceful for the form.

#30daysofWebflow Day 7! continuing to study the @NoCodeConf site. I really like how they use staggered position:sticky cards for this effect! 30daysof.webflow.io took a while to figure out the bottom card is the "sweeper" - it doesn't matter what its 'sticky" is.

#30daysofWebflow Day 6! taking the @NoCodeConf website as something to study. I focused on the animated gradient button and the transitioning navbar. Animations continue to be a pain to do in @webflow - always have to do 2-4x of everything. Can be better. 30daysof.webflow.io

#30daysofWebflow Day 5 - taking it easy today. Effect/Animations UI has been a total pain in the ass so I am just practicing what's in the tutorial video. Here's the Horizontal Movement on Scroll tutorial: youtube.com/watch?v=Q9_hg7… and Here's my 🇸🇬 impl 30daysof.webflow.io

Day 4 of #30daysOfWebflow! I liked the clean design of everybody's favorite numeronymic venture capital firm so I tried to study it by recreating. the padding/fonts were very clean, however the color contrast and the mobile nav + search is a problem. 30daysof.webflow.io

Day 5 of #30DaysOfWebflow journey Finally understood how Variables work in Webflow (huge shoutout to Timothy Ricks 🙌) It’s such a game changer for keeping things consistent across designs! #Buildinpublic #WebflowChallenge

Day 2 of my #30DaysOfWebflow journey ✨ Tried out CSS Grid today, it wasn’t easy at first, but I’m starting to love how organized it makes everything look! Definitely using it more often 😍 Feedback is always welcome #Buildinpublic #Webflow #FrontendDev

Day 1 of my #30DaysOfWebflow 👩🏽‍💻 Built a dark sleek hero section for a gadget landing page!! Learned how to position elements with Flexbox and make my layout stand out with a bold background image 🔥 Slowly getting the hang of this! #Buildinpublic #Webflow

#30DaysOfWebflow Day 3 - Login form! This was my first time taking a #DailyUI @dribbble (dribbble.com/shots/4398361-…) and converting it to a @webflow. Struggled w the frosted glass effect and the social icons but figured it out from @waldobroodryk's example 30daysof.webflow.io

Woop, #30DaysOfWebflow Day 2 done! got practice adding custom fonts, and messing around with Grid. Tripped up removing auto columns (trivial in real css) and the accidental editing of copies kills me. Still, i've never made anything that looks like this! 30daysof.webflow.io

Day 2 of #30DaysOfWebflow Done with the wireframing of the design in @figma that I'm going to build in @webflow.

#30daysofWebflow Day 6! taking the @NoCodeConf website as something to study. I focused on the animated gradient button and the transitioning navbar. Animations continue to be a pain to do in @webflow - always have to do 2-4x of everything. Can be better. 30daysof.webflow.io

Day 4 of #30daysOfWebflow! I liked the clean design of everybody's favorite numeronymic venture capital firm so I tried to study it by recreating. the padding/fonts were very clean, however the color contrast and the mobile nav + search is a problem. 30daysof.webflow.io

#30daysofWebflow Day 5 - taking it easy today. Effect/Animations UI has been a total pain in the ass so I am just practicing what's in the tutorial video. Here's the Horizontal Movement on Scroll tutorial: youtube.com/watch?v=Q9_hg7… and Here's my 🇸🇬 impl 30daysof.webflow.io

#Webflow challenge, Day 23/30. The landing page Hero is live! ➡ thirtydaysof.webflow.io #30daysofWebflow will be a reflection on this challenge. A guide for Webflow beginners. Tomorrow I'll fine-tune responsiveness and the illustration. I used @audienceful for the form.

#30daysofWebflow Day 7! continuing to study the @NoCodeConf site. I really like how they use staggered position:sticky cards for this effect! 30daysof.webflow.io took a while to figure out the bottom card is the "sweeper" - it doesn't matter what its 'sticky" is.