Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

🚀 Launch day! Meet⚡️Micro-Interactions ready to use micro-interactions library made for Webflow. 🟡20+ Button Hover Interactions included. 🟡Copy & paste into your projects. 🟡Totally free to use, no strings attached. #webflow #NoCode #uiuxdesign

29,603 Aufrufe • vor 2 Jahren •via X (Twitter)

74 Kommentare

Profilbild von brryant
brryantvor 2 Jahren

@webflow this is so cool! Maybe turn this into a Designer Extension app? (could still utilize copy/paste) but would make it easier for folks to find and use.

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks @bryantchou means a lot. 🙌 Yes, that’s the next step to tap into extension app. Just need to figure out how to make one. 😍

Profilbild von Tony Seets
Tony Seetsvor 2 Jahren

@webflow I'll just be here hovering over buttons all day. 🤤 Thanks Hafiz. Excellent work dude!

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Haha thanks Tony. 😍 We’ll keep for hover now but planning add some more fun stuff too.

Profilbild von Aonnoy Sengupta | Product Designer & WWX Developer
Aonnoy Sengupta | Product Designer & WWX Developervor 2 Jahren

@peces @webflow Hafiz thank you for blessing the community with this library! Amazing work 🔥🔥🚀🚀

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@peces @webflow Ah, glad to see your appreciation. Thanks buddy.

Profilbild von Jordan Gilroy
Jordan Gilroyvor 2 Jahren

@webflow Bravo sir

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thank you.😊

Profilbild von Vimalan
Vimalanvor 2 Jahren

@webflow Killer work man! Can't wait for it to grow!💪🏽

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks buddy. I hope it helps people save some time. 🤞

Profilbild von Anish | Web Developer
Anish | Web Developervor 2 Jahren

@webflow This is some work. Perfectly executed. Thanks.

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@the_webflow_guy @webflow Thanks Anish.

Profilbild von Rajan Dave | The Vector Box
Rajan Dave | The Vector Boxvor 2 Jahren

@webflow Great Great work brother! all the interactions are really good ⚡️

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks man. 🙌

Profilbild von Web Bae
Web Baevor 2 Jahren

@webflow I’ll just be hovering all day today then.

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow All day, everyday. 🙌

Profilbild von Espinosa
Espinosavor 2 Jahren

@webflow Good job man, thanks for the effort!

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thank you buddy. Road to become a better designer. 😊

Profilbild von Espinosa
Espinosavor 2 Jahren

@webflow You'll become better, you are already

Profilbild von Matt Vidal
Matt Vidalvor 2 Jahren

@webflow Legend! What a wonderful job! 🔥

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@eumateusvidal @webflow Thanks man. Appreciate it.

Profilbild von Palatium • Portfolio designer
Palatium • Portfolio designervor 1 Jahr

@webflow Looks amazing!

Profilbild von Trist
Tristvor 2 Jahren

@webflow 😍 Have been working on my own collection of these too! 😅 Awesome work Hafiz.

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Ah, coincidence 😉 Would love to see your collection bro. I’m sure they will be awesome.

Profilbild von Victor 🧢
Victor 🧢vor 2 Jahren

@webflow Love your micro interaction

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thank you Victor. Appreciate the support.

Profilbild von Alaba-Odu | Lowcode dev
Alaba-Odu | Lowcode devvor 2 Jahren

@webflow This are great Hafiz. Baroqa Allah fih brother

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow JAZAKALLAH Brother.🙌

Profilbild von Alaba-Odu | Lowcode dev
Alaba-Odu | Lowcode devvor 2 Jahren

@webflow Aameen, wa iyakum ❤️

Profilbild von Maggy | Webflow Premium Certified Partner
Maggy | Webflow Premium Certified Partnervor 2 Jahren

@webflow So cool, thanks Hafiz!!!

Profilbild von Alex Teillet
Alex Teilletvor 2 Jahren

@webflow Insane work !

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks Alex. Glad you find it helpful 🙌

Profilbild von Zest for Webflow - Custom CSS extension
Zest for Webflow - Custom CSS extensionvor 2 Jahren

@robhope @webflow This is beautiful work! 🙌

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@robhope @webflow Thank you. Glad you liked it. 🙌

Profilbild von Darragh Lynch 🇮🇪 | Freelance Webflow Developer
Darragh Lynch 🇮🇪 | Freelance Webflow Developervor 2 Jahren

@webflow Bookmarked straight away and already implemented into a one-page client project. Amazing resource Hafiz 👏

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Ah thank you Darragh. Appreciate the support and I hope it has saves you some time. 🤞

Profilbild von Darragh Lynch 🇮🇪 | Freelance Webflow Developer
Darragh Lynch 🇮🇪 | Freelance Webflow Developervor 2 Jahren

@webflow Already saved me a bit of time as I was about to finish off this page with some micro interactions on the buttons of this site!

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Love that Darragh. This is coming out so good. Thanks for giving it a try 🙌

Profilbild von Martynas_
Martynas_vor 2 Jahren

@webflow Amazing work!! Will definetly use some in next project

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks, Woudl love to hear your feedback once you use it. 😊

Profilbild von Nicholas Ryan Howard
Nicholas Ryan Howardvor 2 Jahren

@webflow Amazing!

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks Nicholas. 😊

Profilbild von Sako
Sakovor 2 Jahren

@webflow Amazing work Hafiz, thanks for sharing.

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thank you buddy. 🙌

Profilbild von Muhammad Junaid
Muhammad Junaidvor 2 Jahren

@webflow These looks really nice - Do work on text animation as well :)

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@juni_fied @webflow Sure. One step at a time. 😊

Profilbild von Ludovic Losco
Ludovic Loscovor 2 Jahren

@webflow Awesome! Congrats 🥳

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks man, would love your feedback.

Profilbild von Ludovic Losco
Ludovic Loscovor 2 Jahren

@webflow What to say other than: I love it? Keep it up man 💪

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Love it bro. Thanks

Profilbild von Sara Brunettini
Sara Brunettinivor 2 Jahren

@webflow Thank you very much!

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks Sara. Glad this got your attention 😍

Profilbild von Parth Gaurav | Official Webflow Expert / Partner
Parth Gaurav | Official Webflow Expert / Partnervor 2 Jahren

@webflow This looks great Hafiz! Congrats on the launch 🚀

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thank you Parth. Glad you liked it.🙌

Profilbild von David Minelli
David Minellivor 2 Jahren

@webflow Good stuff, Thanks Hafiz!

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks David. I hope it can save some of you time. 🤞

Profilbild von Assa
Assavor 2 Jahren

@webflow Thanks for sharing that's so dope !

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks @assa_uxdesign for your feedback.

Profilbild von Pir Ahmed - Product Designer
Pir Ahmed - Product Designervor 2 Jahren

@webflow Incredible work, bro! Can't wait to see your project grow - all the very best! 🙌💯

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks buddy. Always appreciate your support.

Profilbild von Ali | Webflow Developer
Ali | Webflow Developervor 2 Jahren

@webflow Yayyy congrats Hafiz! Love them. Those gradient strokes are sick

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Ah thank you Ali. Glad you've catch this. 😊

Profilbild von Charlie Osborne
Charlie Osbornevor 2 Jahren

@webflow these are soooo nice!

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thank you Charlie. Means a lot 🙌

Profilbild von Dale Janzen
Dale Janzenvor 2 Jahren

@webflow Your collection looks really good... thanks for sharing!

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thanks Dale, really menaas alot. I laready have the next batch almost ready to add. Would love your feedback on this 🙌

Profilbild von Muaaz
Muaazvor 2 Jahren

@webflow cooking ayy

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow 🧑‍🍳

Profilbild von Ben Hammond | Webflow Certified Partner 👨‍🍳
Ben Hammond | Webflow Certified Partner 👨‍🍳vor 2 Jahren

@webflow Amazing work dude! Absolutely love it.

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@webflow Thank you Ben. Glad you landed. Would love to hear your feedback. 🙌

Profilbild von Michael Henein
Michael Heneinvor 2 Jahren

@elsaaamri @webflow Oh wow, this is great. Bookmarked!

Profilbild von Shaheer Ud Din | Websites
Shaheer Ud Din | Websitesvor 2 Jahren

@webflow Oh my God, these are very very beautiful. I just literally loved them. Now, I don't have to design buttons from scratch, I can use these to speed up my work. Thanks, Hafiz.🫶

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 2 Jahren

@shaheeruidesign @webflow You are moset welcome Shaheer. Aim is to save some dev time, I hope it will do the job. 🙌

Profilbild von opensourceCM
opensourceCMvor 1 Jahr

What’s the cost of mistakes in your contracts? If you work with contracts day-to-day, it’s time to automate. Track every detail, streamline workflows ... ✨ Make managing contracts as easy as a few clicks. Visit our new website & book your demo today!

Ähnliche Videos

CSS variables are live and they are POWERFUL. Now Live on Product Hunt 🚀 ➡️ Create a design system "So you can stay consistent and build much quicker." Define global styles like colors, gradients, sizes, and box shadows. ➡️ Use your variables everywhere "So you never have to manually enter a border color again." You're not limited to just sizes, colors, and font families. Use variables in gradients, box shadows, transforms, and more! ➡️ Start with libraries like Open Props, expertly crafted CSS variables "So you can use a tried and true system, and so we can standardize our Projects." Because there are no abstractions, you can use existing CSS variable libraries like Open Props, an expertly crafted library of CSS variables, and the recommended starting point in Webstudio. ➡️ Create complex micro-interactions "So when you hover a link, you can change any children's styles." CSS variables go beyond reusability! You can define variables anywhere in the navigator, such as on a link, and modify the variables on hover. Then, you can use those variables on the children to create complex micro-interactions! ➡️ Design and build simultaneously "So when deciding that perfect border color, you can arrow through all your options." Experimenting on the canvas just got a whole lot better. Now, you can arrow through your variables and see them rendered on the canvas to see which works best. ➡️ Change variable by breakpoint "So you can make the variables look great, no matter the screen size." CSS variables in Webstudio use the same UI as the rest of your styles, enabling breakpoints to work the same way. ✨ Building with design systems gives a HUGE boost in speed, consistency, and maintainability.

Webstudio

15,496 Aufrufe • vor 1 Jahr

Claude Skills are a cheat code for DTC creative teams 🤯 One setup, reusable forever. Claude automatically follows your exact creative process — briefs, hooks, ad copy, research — without you explaining anything twice. Perfect for e-comm brands and agencies who are using Claude for creative work but wasting time re-explaining context every single conversation. Here's the problem: You open Claude: you paste in your brand guidelines, explain your brief format, write the copy, you close the chat. Next day, you do it all over again. Every conversation starts from zero. You're burning 20 minutes on setup before you even get to the actual work. Claude Skills fix this: → Write your creative process once as a Skill (a simple markdown file) → Claude reads it automatically whenever the task comes up → Skills compose — research triggers the research Skill, briefs trigger the brief Skill, copy triggers the copy Skill → All in one conversation, all building on each other → Share across your team so everyone gets the same quality output No re-explaining your brand voice. No pasting the same context every chat. No siloed projects that don't talk to each other. What's in the playbook: → The full architecture (how Skills trigger, chain, and compose) → 5 ready-to-use Skill templates built for DTC and agency creative teams → Step-by-step setup from zero to working Skills → How to write instructions that produce consistent output every time → The composability framework for running multi-step creative workflows in one conversation I put together the complete Claude Skills Playbook for DTC brands and creative agencies. Want it for free? >Like this post >Comment "SKILLS" And I'll send it over (must be following so I can DM)

Mike Futia

31,891 Aufrufe • vor 4 Monaten

-> someone cloned claude -> design interface and -> made it completely free -> it's work on YouTube -> and also suitable for kids -> it’s called open design -> and it’s live on github -> same clean split-screen ui -> you get in claude artifacts -> prompt on the left, live -> design/code preview on -> the right, type what you -> want to build and it -> generates the ui in real -> time, but here’s the twist -> you pick the ai model -> not locked into one -> company, want to use -> gemini, mistral, llama, -> deepseek any model -> with an api work -> if you’re running local -> models with ollama -> that works too -> no subscription walls -> the big difference -> vs claude artifacts -> works with any free -> ai model you’re not -> paying $20/mo just to -> design, use free tiers -> local models, or whatever -> you already have access to -> fully local, your prompts -> and code never leave -> your machine unless -> you want them to -> no data training -> no cloud storage -> privacy by default -> no usage limits -> claude cuts you off -> after a few designs -> here you can generate, -> iterate, break things -> and rebuild all day -> the only limit is your -> don’t like how a button -> works, change it -> want to add your own -> components, go ahead -> you own the tool -> so if you’ve been gatekept -> by paywalls or worried -> about sensitive prompts -> going to some company’s -> servers, this fixes that. -> same workflow, more -> control, zero monthly fee

BeingInvested

12,134 Aufrufe • vor 1 Monat

growing your Twitch stream means posting short-form video on TikTok/Shorts/Reels. love it or hate it, that's the reality now. "at least one video a day" you hear everywhere. you probably already know this. you probably feel guilty for not posting enough. THAT ENDS NOW Shortify was just released into Early Access, and it changes the dynamic entirely. you already create mountains of content every time you go live. you just need help getting it out. the Highlight Hunter from FrostyTools already does incredible work finding those great moments for you at the press of a button. now, you can Shortify any of those hunted clips into a postable vertical video for short-form content, complete with dead air removal, advanced captions, attention-keeping cuts, and dynamic focus. these are the "daily vitamins" of content. you have to keep up with them every day, but they bring huge benefits when you do. you probably just don't have the time to keep up with it, especially if you're still learning how. it doesn't have to be like that anymore! if you're already editing, this can free up your time and focus to work on more ambitious projects, especially longer-form content. using it is SUPER easy: - sign into your FrostyTools dashboard via your Twitch account - run the Highlight Hunter on one of your VODs (or go to a hunted VOD if you already use it) - hit the 'Shortify' button on the moments you like best for your socials - in a minute or two, have your Shortified video ready to download and post! remember: you already make tons of content, you just need tools to get it out!

Ken aka Frosty

90,138 Aufrufe • vor 5 Monaten

Trillions have been spent on anti-natal propaganda and ensuring women have fewer interactions with babies. Specifically in White countries. Playgrounds gutted post-COVID, overrun by addicts in US cities or boat migrants in Britain. The few parents we have feel like pariahs for existing, with nowhere to go. Heck, even McDonald’s went from bright, chaotic kid heaven to grey corporate plastic hell. Uncomfortable seats, no fun, quick turnover, all inside your "happy meal". Family pub meals or restaurant nights which were once a weekly tradition are now rare due to sheer cost and time poverty. Children are no longer seen as a natural part of your life cycle and a societal duty. They're not even seen as a fashionable accessory - not that this was healthy either. They've been relegated to impositions that inconvenience lives of others, with parents treated as pariahs should their child be anything but silent and obedient. Don't get me started on the push of women into education since the 70s and how 2/3rds of students are now women. All graduating into pointless make-believe office work that brings them no satisfaction like a family would. No wonder female anti-depressant usage is at a record high. This anti-family programming runs deep in every part of our culture, media and society. The good news is that we CAN undo it. We can give social reward to native women who have kids. They crave attention and recognition. Use that. Make society child-friendly again too. Tax breaks for businesses that meet these criteria. Use incentive structures. We need to signal that we're a society that invests in its next generation. We can flip the script faster than it took to build the current one. It's all so simple - it's hard wired into us. It's as simple as getting women to interact with children:

Russian Garbage Human

36,038 Aufrufe • vor 2 Monaten