Outstanding... unlimited possibilities with webflow. It's a great tutorial bro. I am very excited to see your upcoming tutorials for webflow. Please upload another episode for step by step from design to webflow. Thank you so much 😊😊
Great video! I’m not sure if I’m confident of building all this on my own. There seems to be a variety of web app template on webflow. Do you have any recommendation for that?
Hey Timothy! First, LOVE YOUR CONTENT! It is perfect, with high-level implementations and compact videos. THANK YOU SO MUCH! I have 2 questions: 1. You built everything in the desktop version, but it is a mobile web app. Would you disable the desktop version if you would use it? Or build one? Or what was the reason behind building it on desktop? 2. I use your amazing wizardry technic to build Pages in Webflow. This came some time after you uploaded this video. Would you that technic now if you would repeat this project? Or would you keep pixels? Thank you in advance for your response and time creating all these videos! I AM A FAN #1 OF YOU!
Thank you so much! I built the mobile version on desktop because those styles will inherit down to mobile in Webflow. I set the container's max width to the max size of the mobile breakpoint. This way, we can still easily edit the app in Webflow without having to switch to mobile view each time. When people actually use it on their phones, all they'll see is the mobile version anyway. Also, rebuilding this today I'd probably use some version of the wizardry technique. Because it's a mobile app, everything should be based on px. I'd set everything to EM and then set the body font size to PX instead of VW.
max norris That’s the plan! Tutorials probably won’t be super frequent, but next time I have something really cool to show in Webflow, I expect a tutorial to follow.
Joe Montero That’s awesome! This is the first app I’ve built. I work at an agency that uses Webflow to design websites, but you can take the same UI / UX principles from web and apply them to apps.
@@TimothyMichael1643 That's pretty cool that you're using Webflow in your agency. Did you learn how to use Webflow on your own? Any tips on how to learn and get better?
@@joemontero741 I learned Webflow from Webflow's 101 Crash Course. The best learning experience comes from real projects. I continue to learn something new from each project. Also, if you join the Webflow Facebook Group, there's so much to learn there.
Please help!! I did everything right ,(i guess) but everytime i click on the collection item , instead of it showing only one collection item, it is showing all. Why is this happening?
Good question! I don't have any tutorials yet specifically on the Webflow CMS, but their tutorials cover everything you'd need to know to setup the CMS for this. ruclips.net/video/lnYZXAIWU8M/видео.html
Awesome video! I have one question, how come I can't see any bar of the mobile browser(whatever you used) on the top or bottom? Every mobile browser has a tab menu at the bottom and top bar kinda thing..
Quick question - how do you view your app experience on your phone without the default browser url at the top and web nav at the bottom when you pull up the webflow link on your mobile phone? Would like to be able to create an app prototype that takes up the whole screen to simulate a real user experience.
Thanks! I created a hidden div with the confetti gif as a background image, and then I set an interaction in Webflow to set the gif to "Display: Block" when you click on the second day tab.
How would you do a multiple step form using the same tab configuration you used in groups?. I'd be interested to see a tutorial on how you handle icons or images that can be selected like a checkbox form element.
I've built multi-step forms with Webflow's slider component before. This is a great tutorial on how to do that. webflow.com/website/Multi-Step-Form Also, the best way to create selected icons and images is by using lottie files and Webflow's 1st click / 2nd click interaction. I cover this a little in my latest tutorial. ruclips.net/video/81vzaO30720/видео.html
You don't have to do anything special in Webflow, but you would have to use a service like gonative.io/ to convert it to an actual app or use a free app like Kiosker Lite to view your website without the browser or navbar.
This is a old one, and most of the screen is cropped and it's too fast, can you please make a new one just like this video, with updated tricks and with little more in detail explaination.
Thats the kind of tutorials I am looking for. Thank you so much pushing me to the next level! Well done!
Yes
Hoping to see more Webflow tutorials from you. Your tutorials are different and cool.
Thank you! I hope to release more soon.
Outstanding... unlimited possibilities with webflow. It's a great tutorial bro. I am very excited to see your upcoming tutorials for webflow. Please upload another episode for step by step from design to webflow. Thank you so much 😊😊
I really like the idea of using webflow to create an iOS app even if it’s just for prototype
Huh? It works now it needs a point of sales system connected to it its past prototyping.
I see some wizard skills here, bravo !
This is on another level for sure thanks and please keep doing this and don't stop please!!
You're my best friend and you don't even know it.
Keep making awesome videos man! Really helpful.
Nice design! Plus this Webflow seems pretty capable!
Wow! this is definitely an advanced level of Webflow. You're awesome!
Now we're talking! Love it
Thank you!!! This best 👍video
very helpful video thank you so much
I just learned the entirety of webflow university in 30 minutes.
It would be awesome to show us how you can convert the project into a downloadable Progressive Web App.
Rado Radev I wasn’t aware of how to do that, but it looks like BRadsDrumTheater was able to do it using GoNative.
This is so good! Thanks for being generous with your time and knowledge!
I’ll love to see your tutorials on wized
Great video! I’m not sure if I’m confident of building all this on my own. There seems to be a variety of web app template on webflow. Do you have any recommendation for that?
Would love to see a full loooong breakdown in detail that I could follow along and practise with
yea that would be great!
Thank you for the feedback! I’ll notify both of you if I get a chance to make a full length tutorial.
@@TimothyMichael1643 Any update on that full-length tutorial 😅? love your content, Timothy!
@@rehsworld127 I'm hoping for an update too on a full-length!!! I haven't been able to find anything else close.
Hey Timothy! First, LOVE YOUR CONTENT! It is perfect, with high-level implementations and compact videos. THANK YOU SO MUCH!
I have 2 questions:
1. You built everything in the desktop version, but it is a mobile web app. Would you disable the desktop version if you would use it? Or build one? Or what was the reason behind building it on desktop?
2. I use your amazing wizardry technic to build Pages in Webflow. This came some time after you uploaded this video. Would you that technic now if you would repeat this project? Or would you keep pixels?
Thank you in advance for your response and time creating all these videos! I AM A FAN #1 OF YOU!
Thank you so much! I built the mobile version on desktop because those styles will inherit down to mobile in Webflow. I set the container's max width to the max size of the mobile breakpoint. This way, we can still easily edit the app in Webflow without having to switch to mobile view each time. When people actually use it on their phones, all they'll see is the mobile version anyway. Also, rebuilding this today I'd probably use some version of the wizardry technique. Because it's a mobile app, everything should be based on px. I'd set everything to EM and then set the body font size to PX instead of VW.
Mindblowing man, kudos!
Dope video
Perhaps you've covered this but why do you prefix most of your classes as "c-"
"Custom"?
Awesome video, subscribed!
Learned a lot from this. Thanks!
This was incredible!!
Great! Can we expect more?
max norris That’s the plan! Tutorials probably won’t be super frequent, but next time I have something really cool to show in Webflow, I expect a tutorial to follow.
OMG, are you a sorcerer? I had a hard time following you. I am new to Webflow and I am a non-coder so facing good bit struggles now.
Maybe this will help. It's a tutorial I just released geared towards beginners. ruclips.net/video/81vzaO30720/видео.html
Amazing content! Subbed!
Wow! This is exactly what I want to use Webflow for!! How and where did you learn how to build these kinds of apps?
Joe Montero That’s awesome! This is the first app I’ve built. I work at an agency that uses Webflow to design websites, but you can take the same UI / UX principles from web and apply them to apps.
@@TimothyMichael1643 That's pretty cool that you're using Webflow in your agency. Did you learn how to use Webflow on your own? Any tips on how to learn and get better?
@@joemontero741 I learned Webflow from Webflow's 101 Crash Course. The best learning experience comes from real projects. I continue to learn something new from each project. Also, if you join the Webflow Facebook Group, there's so much to learn there.
Timothy Ricks thanks for advice Tim
Does anyone else make high level content like this?
well done.. Thanks ..
Dude, this is great! Very cool 😎🤙
This is awesome! Is it possible to get a read-only link to this project please?
Yes, please see the link in the description.
Terrific thank you for doing this subscribing put up more
Great video, we need more =]
More is here. ruclips.net/video/81vzaO30720/видео.html
Please help!!
I did everything right ,(i guess) but everytime i click on the collection item , instead of it showing only one collection item, it is showing all. Why is this happening?
Thank you for this. Are there any tutorials on how to handle the backend part as well?
Good question! I don't have any tutorials yet specifically on the Webflow CMS, but their tutorials cover everything you'd need to know to setup the CMS for this. ruclips.net/video/lnYZXAIWU8M/видео.html
Awesome video!
I have one question,
how come I can't see any bar of the mobile browser(whatever you used) on the top or bottom?
Every mobile browser has a tab menu at the bottom and top bar kinda thing..
I used a free app called Kiosker Lite that allows for browsing without top and bottom bars
@@timothyricks Oh, I see :) One more great thing I've learned from you here thanks!!
Great, I would appreciate if you make some fundamentals tutorials.
Hi there, check out the Webflow University. Basically, you can find free lessons on Webflow's website 😄
Quick question - how do you view your app experience on your phone without the default browser url at the top and web nav at the bottom when you pull up the webflow link on your mobile phone? Would like to be able to create an app prototype that takes up the whole screen to simulate a real user experience.
I use a free app called Kiosker Lite that lets you preview your website on a phone in full screen mode.
Awesome tutorial! Where do you get your icons?
I made these in Illustrator, but thenounproject.com/ has some good free icons.
How did you did the flower petal animation when you click on Day 2? I really like that!
Thanks! I created a hidden div with the confetti gif as a background image, and then I set an interaction in Webflow to set the gif to "Display: Block" when you click on the second day tab.
How would you do a multiple step form using the same tab configuration you used in groups?. I'd be interested to see a tutorial on how you handle icons or images that can be selected like a checkbox form element.
I've built multi-step forms with Webflow's slider component before. This is a great tutorial on how to do that. webflow.com/website/Multi-Step-Form Also, the best way to create selected icons and images is by using lottie files and Webflow's 1st click / 2nd click interaction. I cover this a little in my latest tutorial. ruclips.net/video/81vzaO30720/видео.html
do you have to setup anything to make it look like an app I mean to hide the nav bar or the browser when publish thanks
You don't have to do anything special in Webflow, but you would have to use a service like gonative.io/ to convert it to an actual app or use a free app like Kiosker Lite to view your website without the browser or navbar.
This is a old one, and most of the screen is cropped and it's too fast, can you please make a new one just like this video, with updated tricks and with little more in detail explaination.
Can we download the apk file of this?
🔥🔥🔥🔥🔥🔥🔥🔥💪🏻💪🏻💪🏻
🤯
This was built 2 years ago so imagine how much more advanced it could get. The problem is he going to fast 🤣
OK I realised what I have built are garbages after watching this video.
Make it as cloneable!
Hi, would love to have a chat with you. I have a project that resembles what you show in this video. Paid of course.. 😊
🤯