How to make a 3D website with no coding | Dora tutorial

Поделиться
HTML-код
  • Опубликовано: 5 сен 2024

Комментарии • 250

  • @peternicholson26
    @peternicholson26 Год назад +233

    As a web dev who does everything from scratch, I definitely need to check out these tools for freelance side jobs. Could be missing a quick trick!
    Looks really cool for such a simple layout too mate. Great work.

    • @HansJrgenFurfjord
      @HansJrgenFurfjord Год назад +6

      All devs are out of work in max 5 years. Soon after that, stock photographers, 3d artists and stock musicians.

    • @peternicholson26
      @peternicholson26 Год назад +1

      @@HansJrgenFurfjord I best let the missus know. She ain't gonna be pleased

    • @Pentiumium
      @Pentiumium Год назад +3

      @@HansJrgenFurfjord Ok Nostradamus 🤓

    • @HansJrgenFurfjord
      @HansJrgenFurfjord Год назад

      @@Pentiumium Chatgpt is saving me 99% of the time it used to take to code. The remaining 1% are due to quarks in chatgpt that hasn't been ironed out yet, but will be in a few months. So, mr. Dildo, don't be a st**** f***** schm*ck about **** you don't understand.

    • @thevikingsock8527
      @thevikingsock8527 Год назад

      @@HansJrgenFurfjord aahh I wouldnt be too sure of that, but I wouldnt be to uncaring either tbh, scary shit

  • @DoraTool
    @DoraTool Год назад +153

    Thank you for creating this awesome tutorial and we appreciated your dedication to the design community🚀

    • @DigitalDesigns1
      @DigitalDesigns1 Год назад

      This tool has alot of promise. Man Id like to see more about this builder..

    • @kevf1029
      @kevf1029 Год назад +3

      Can Dora webpage be exported to html css jacascript? Maybe allow custom scripts as well? @Dora

  • @uifry
    @uifry Год назад +6

    "I'm seriously impressed by your skills. Watching your design evolve from a blank canvas to a work of art has been truly captivating."

  • @LinhLe-ko7yd
    @LinhLe-ko7yd Год назад +21

    The background tip is super helpful! 12:31 takes this to a whole new level

  • @nirupambhowmick2044
    @nirupambhowmick2044 Год назад +4

    Tools like these are just gonna make our devs lives easier, frick making everything from scratch, imma learn this.

  • @jacobsoltanpour1274
    @jacobsoltanpour1274 4 месяца назад +1

    I think 3D is the next big thing in the web design along with AI and you are doing a really good job introducing it. Nice work. Very professional.

  • @advifi
    @advifi Год назад +36

    0:52 - Overview
    2:30 - Import 3D model
    5:41 - Layout / Design
    8:10 - Sticky responsive elements
    9:53 - Parallax effect with keyframes
    12:30 - Add bgr video

  • @hamptonpete7905
    @hamptonpete7905 Год назад +5

    Omg, this is exactly what I'm looking for!

  • @mishametlitski2786
    @mishametlitski2786 Год назад +3

    Hey Minh, this video is absolutely amazing. Simple, concise and easy to follow. Thank you for your tutorial and I have subscribed to you.

  • @imr4nkhan
    @imr4nkhan Год назад +3

    You make it look so easy. Thanks for sharing!🔥

  • @kenloh3965
    @kenloh3965 Год назад +4

    Super Cool Tutorial you made. Awesome!!
    Can i ask do you have a tutorial about how to host to our own Domain? Sorry, newbie here. Looks easy willing to make a first try. 🤣🤣🤣

  • @AshishhRajj
    @AshishhRajj Год назад +7

    I really appreciate your work, but i have a little request Can you make a full beginner guide on spline, it will be very grateful for us ❤

  • @mabelnguyen145
    @mabelnguyen145 Год назад +2

    Thanks Minh for such a mind-blowning tutorial. I have found your channel just about a week and literally be inspired by your super practical videos. Definitely will try my best to finish all of the videos in your channel as soon as possible. Your tutorials become one of my top priorities when it comes to interactive design.

    • @MinhPhamDesign
      @MinhPhamDesign  Год назад +1

      Thank you! Your comment helps me keep going! Cheers

  • @sbeck9205
    @sbeck9205 Год назад +1

    I’m so glad I subscribed to you. Fascinating find, very cool.

  • @MissRedWine
    @MissRedWine Год назад +1

    You're definitely becoming one of my favorite channels! 👍🏿

  • @FilledStacks
    @FilledStacks Год назад

    This is really awesome man! Great tutorial. Definitely trying out Dora.

  • @hanirdi7920
    @hanirdi7920 Год назад +1

    Instantly love this tool, thank you for sharing. Here I am thinking to switch figma to dora😉

  • @HumanoAI
    @HumanoAI Год назад +1

    Desktop is the last device used by end users. Phone is first , tablets , then desktop. This is a novelty. Only professional use PC. The majority of end users are behind a phone.

  • @ndar
    @ndar Год назад

    good work, my friend. thanks for the video. now im gonna learn how to build my own on dora

  • @maurolima4274
    @maurolima4274 6 месяцев назад +1

    After analyzing DORA very carefully, I can't find how to apply targeting LINKS to: images, texts and icons, how to do this? Or, is there a video tutorial teaching it? Thank you very much!

  • @bookNbeAts
    @bookNbeAts Год назад +2

    HEY BRO CAN WE MAKE A COMPLETE E COMMERCE WEBSITE USING THIS . AND HOW TO ADD PAGES LINKS AND ALL THAT STUFF ..... PLZ REPLY BRO , I NEED HELP

  • @maxfxgr
    @maxfxgr Год назад +1

    Fantastic work, keep it coming!

  • @bySterling
    @bySterling Год назад

    Wow! Def will be signing up and playing with 🎉

  • @sanzhar.danybayev
    @sanzhar.danybayev Год назад +3

    I've been questioning myself how to implement this type of website for like 8 years . Thanks for an amazing tutorial!
    I'm really glad that such tools like Dora exist nowadays! Can't imagine how much effort they've put into that. Kudos to hem!

  • @onionbreath5879
    @onionbreath5879 6 месяцев назад

    This is SO COOL! Thank you 🎉

  • @HikaruAkitsuki
    @HikaruAkitsuki Год назад +4

    Interesting. But I wonder if we can read the export code because it will gonna be a good example for reference.

  • @nhatquangphan7362
    @nhatquangphan7362 Год назад +3

    You are always my endless inspiration 🎉🎉🎉

  • @LilaShoes
    @LilaShoes 9 месяцев назад

    Nice tutorial! what recording tool do you use btw

  • @bySterling
    @bySterling Год назад

    Amazing! Luv to see how it would be on mobile view. Do u sell Dora themes/demos?

  • @klaaskay2685
    @klaaskay2685 Год назад +1

    It's kinda slow when entering the site. Not suitable for conversion.

  • @oussamaworld2788
    @oussamaworld2788 10 месяцев назад

    Thank you for everythink you give 😘 i would like to ask you what is the deffirence between spline and dora ???

  • @JakeHenry
    @JakeHenry 3 месяца назад

    Thanks for the tutorial. I'm trying to import from Figma to Dora, and it messes up the whole website. Any tips?

  • @AndersonMancini
    @AndersonMancini Год назад +1

    Fantastic work here ❤❤❤😊

  • @naceryous9227
    @naceryous9227 Год назад

    Love the tuts Minh I am a big fan of you work and your tutorials. Would be great to get the Tuts assets such as the fish for free so we can follow your tuts without spending money. Apart from that man thanks so much for sharing your knowledge there not much people sharing the beauty of 3d and UI out there. I am big fan forever. please keep it up 🔥

  • @walrider7374
    @walrider7374 Год назад

    Developers vs tools like this in the past decade: Hey, that's pretty cool!
    Designers vs tool like AI: They took our joooooooob

  • @mariejae92
    @mariejae92 Год назад

    Oooou gotta check them out!!!

  • @CASTANDCOOKING
    @CASTANDCOOKING 7 месяцев назад

    Hi there! Hope you see this. Is there a specific library you got the gradient from? I've been trying to create gradients of my own, but can't seem to be able to create such sophisticated graphics like the one in the video.

  • @annele8776
    @annele8776 Год назад +1

    Very cool looking platform! Is this generated website SEO friendly or customizable?

  • @adevikthur
    @adevikthur Год назад

    Thank you for this great tutorial

  • @VaibhavShewale
    @VaibhavShewale Год назад +3

    pretty amazing

  • @ratstar4102
    @ratstar4102 Год назад +1

    Thanks Mihn, Im a designer for too long and stuck with my skills, How do you extract the image/video sources when you make it a live website?

  • @AdamFalconieri
    @AdamFalconieri Год назад

    Looks insane!!🎉

  • @kaas11
    @kaas11 Год назад +2

    It looks great.. but like many of these no code tools, the responsiveness sucks. The demo shows a perfect example; can't be used on mobile. Very slow, bad responsiveness.. would love to see a demo thats also stable and fast on mobile devices..

    • @MinhPhamDesign
      @MinhPhamDesign  Год назад +4

      It’s just a demo for tutorial sake, I didn’t even work on the mobile layout.
      Plus, the platform is very young, they didn't even release the Beta version yet. What you're seeing here is just a start and everything needs to start from somewhere.

    • @kaas11
      @kaas11 Год назад

      @@MinhPhamDesign Fair enough. Thanks for taking the time to make this tutorial! For now, i'll stick with building Wordpress themes using TailwindCSS.

    • @TheMezmeriZe
      @TheMezmeriZe Год назад

      Yep it is really sad that Mobile experience is so bad yet, i just expect this yo improve in the future because i'm working in this platform and i don't want to lose my time

    • @BrazyUK
      @BrazyUK Год назад +1

      Enable hardware acceleration in your browser or on your mobile, you can even overclock most androids nowadays. If you're trying to attempt this on iOS, just don't. Don't blame their developers for your machine's poor performance.

    • @Ricocase
      @Ricocase 7 месяцев назад

      ​@@MinhPhamDesignhow does one link join alpha to an email list? Mailto?

  • @AshaD_vlg
    @AshaD_vlg Год назад

    Excellent. Good job brother

  • @trevorsoh2130
    @trevorsoh2130 Год назад +1

    Wow this is ridiculously cool!

  • @the_indrid_cold
    @the_indrid_cold Год назад +1

    Looks nice, but how about performance, Core Web Vitals etc.?

  • @safouenerouatbi7807
    @safouenerouatbi7807 Год назад +1

    Nice man 🔥

  • @Mike-jq7os
    @Mike-jq7os Год назад +3

    Dora's website has serious responsiveness issues for small and medium devices. I think they need a Frontend developer.

    • @BrazyUK
      @BrazyUK Год назад

      Enable hardware acceleration in your browser. Don't blame their developers for your machine's poor performance.

  • @nguyenan8302
    @nguyenan8302 Год назад +1

    thank you master!

  • @1Chitus
    @1Chitus Год назад +1

    Fantastic work

  • @BecomingANerd
    @BecomingANerd Год назад

    Wow what an amazing video!

  • @vladvandal8845
    @vladvandal8845 6 месяцев назад

    Quick question do you also need to code this to implement it to your website as a landing page or you can simply implement it with some easy steps ?

  • @dms1887
    @dms1887 Год назад +1

    Ohh thanks for your video

  • @eduardomaiaemoura3475
    @eduardomaiaemoura3475 5 месяцев назад

    hey, could you please tell us where you got the background gradient from?

  • @victorzollikofer1292
    @victorzollikofer1292 Год назад

    Wow! That is something figma could adapt

  • @thevikingsock8527
    @thevikingsock8527 Год назад

    static content without parallax is garbage with dora tho, since there is no smooth scrolling and dont get me started on functionalities

  • @onefxpro6906
    @onefxpro6906 Год назад +1

    Thank you

  • @HelenShevchuk-w1o
    @HelenShevchuk-w1o 23 дня назад

    Hi. Can you help me please? Can I export design or maybe some code from Dora?

  • @denniswolzak
    @denniswolzak Год назад

    Great to see what is possible! I do have a question. Is it possible to add a vimeo video to the design? So for exmaple a showreel video from vimeo can be viewed into a container or so?

  • @rajanbyroju9261
    @rajanbyroju9261 Год назад

    Beautiful ❤

  • @samsunguser5838
    @samsunguser5838 7 месяцев назад

    Can you make a 3D website for how to make export and import business or ecommerce 3Dwebsite ?
    Brother.
    And I'm from india at Tamilnadu watching your channel 😊😊😊😊❤

  • @luci6799
    @luci6799 Год назад

    Vietnamese always support you.

  • @NYProductions
    @NYProductions Год назад

    love this!

  • @sammile
    @sammile 4 месяца назад

    When I have created a website with dora and published it. How can I get emails about it? Is there a tutorial about it ?

  • @junesan.233
    @junesan.233 Год назад +1

    Nice work

  • @applecake456
    @applecake456 Год назад

    Can someone please explain to me, seems like the animations framing issue stays until the end of the video to some degree. SUPER noticable @13:30-13:40. How did he. How do you fix this?

  • @m3vm3
    @m3vm3 Год назад

    Impressive and very simple

  • @pauls6277
    @pauls6277 Год назад +100

    Can you export this to html, css, and js? or does the website have to be hosted in Dora?

  • @arielspagnuolo2532
    @arielspagnuolo2532 Год назад

    How u can publish the website in all platforms? Not only Mac, I have issues with that. There is a plan or subscription that I can pay?
    Thank u!

  • @FahadKiani1
    @FahadKiani1 Год назад +1

    hi - the link you shared for the live site is different from what you built

  • @anhdinhthiminh2485
    @anhdinhthiminh2485 5 месяцев назад

    Hi Minh
    I import the zip file to make glb but it's just processing... Is there any web tailored this convert?

  • @pokescreation
    @pokescreation 9 месяцев назад

    As a full stack developer,I don't know what to say😢.Thanku i gues

  • @somethingfishy4168
    @somethingfishy4168 6 месяцев назад

    Hi, is there any way to make this webpage compatible to both phone and Desktop at the same time?

  • @evgenia8326
    @evgenia8326 Год назад +1

    I love your channel

  • @Nguyenmanhhung_Bin
    @Nguyenmanhhung_Bin Год назад

    Thanks for nice tutorial! My font is automatically change to another font when I preview. What should I do?

  • @user-uj6lw3zg7g
    @user-uj6lw3zg7g 10 месяцев назад

    great tutorial. Is this possible to be integrated with my Wordpress account using my domain name?

  • @scoff7032
    @scoff7032 Год назад +1

    Ok.. but it's useless if i can't integrate it with backend :D

  • @coderblip8435
    @coderblip8435 Год назад +1

    Nice🔥🔥🔥

  • @jason_v12345
    @jason_v12345 Год назад +1

    I hate how all of their live site examples increment the animation 1:1 with the movement of the mouse wheel. Scrolling should trigger animations, not just increment one big long animation. Makes the whole thing feel jerky and disorienting.

    • @jason_v12345
      @jason_v12345 Год назад

      Looking at the docs, this behavior seems to underpin their entire concept.

  • @axtrion888
    @axtrion888 Год назад +1

    amazing

  • @10xmili
    @10xmili Год назад

    Thank you for this good video

  • @nefwaenre
    @nefwaenre Год назад +1

    How do i convert my own 3D assets to gLTF format? i use Maya. This could be a great way to showcase stuff that i have made!! Thanks for the video!

    • @zetzzz708
      @zetzzz708 Год назад

      I’m assuming you would have to upload it to your account from a website that sells assets. Like where he bought the fish

  • @moitreyee7589
    @moitreyee7589 10 месяцев назад

    hi minh, i am unable to switch on the animation on my model downloaded from sketchfab, its static on dora. how to fix this?

  • @markmiranda3364
    @markmiranda3364 Год назад

    Does the dora logo on the lower right of the screen goes away? I have been trying to find out if the logo on the lower right goes away after the website has been published.

  • @thevikingsock8527
    @thevikingsock8527 Год назад

    Is there no smooth scroll? Cause the laggy scrolling is really annoying on all Doras pages Ive seen so far

  • @CarlosVixil
    @CarlosVixil Год назад

    I appreciate the video but 3d for decoration is a bad practice. The practical use case is interaction in the form of a product exhibition, otherwise you don’t even the back side of the fish, it’s a 2D representation, might as well make it a video.

  • @naveox
    @naveox 10 месяцев назад

    Hey, can't we use installed fonts ? My fonts get replaced when I import my figma file :(

  • @princeheman1047
    @princeheman1047 Год назад

    This will be great for landing pages too, to capture leads.

  • @federicodonadio5624
    @federicodonadio5624 Год назад

    Really cool

  • @jonathandaniel8458
    @jonathandaniel8458 Год назад

    Cool man!

  • @saiflombat3560
    @saiflombat3560 Год назад

    I imported my 3d model into dora, as you did and Dora doesnt display my 3d model at all, I need assistance

  • @hballouz
    @hballouz Год назад

    is there an embed / link code for 3d models we get from skechtfab instead of downloading them and then converting ?

  • @irinabts3219
    @irinabts3219 5 месяцев назад

    Can it be exported to the Framer or squarespace?

  • @user-kg4ne2dp6d
    @user-kg4ne2dp6d Год назад

    I can not find 3D animation on my computer ? what do you suggest ?

  • @bhushan_366
    @bhushan_366 Год назад

    Do we need hosting for Dora website from another company to publish the website on the Internet?

  • @SawantShruti-hg2ok
    @SawantShruti-hg2ok Год назад

    Is this dora plugin free to use and export or it charge the subscription?

  • @dgenius_ru
    @dgenius_ru Год назад

    Thanks! How do I add a smooth scroll?

  • @oscarestoa8796
    @oscarestoa8796 Год назад

    Is there any way to display the website properly on mobile devices?

  • @riccardobuttarelli7529
    @riccardobuttarelli7529 Год назад

    can i export the website i made with dora on another editor? If not, i own my personal domain but it does not work if i set it, why?

  • @alex.o.a
    @alex.o.a Год назад

    Can we insert some code in a container and move it around?