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

Поділитися
Вставка
  • Опубліковано 4 жов 2024

КОМЕНТАРІ • 250

  • @peternicholson26
    @peternicholson26 Рік тому +237

    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 Рік тому +154

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

    • @DDesigner123
      @DDesigner123 Рік тому

      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 Рік тому +7

    "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 5 місяців тому +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!🔥

  • @sbeck9205
    @sbeck9205 Рік тому +1

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

  • @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 ❤

  • @MissRedWine
    @MissRedWine Рік тому +1

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

  • @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. 🤣🤣🤣

  • @hanirdi7920
    @hanirdi7920 Рік тому +1

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

  • @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

  • @ndar
    @ndar Рік тому

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

  • @FilledStacks
    @FilledStacks Рік тому

    This is really awesome man! Great tutorial. Definitely trying out 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.

  • @nhatquangphan7362
    @nhatquangphan7362 Рік тому +3

    You are always my endless inspiration 🎉🎉🎉

  • @onionbreath5879
    @onionbreath5879 7 місяців тому

    This is SO COOL! Thank you 🎉

  • @bySterling
    @bySterling Рік тому

    Wow! Def will be signing up and playing with 🎉

  • @maxfxgr
    @maxfxgr Рік тому +1

    Fantastic work, keep it coming!

  • @VaibhavShewale
    @VaibhavShewale Рік тому +3

    pretty amazing

  • @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

  • @maurolima4274
    @maurolima4274 7 місяців тому +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!

  • @HikaruAkitsuki
    @HikaruAkitsuki Рік тому +4

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

  • @mariejae92
    @mariejae92 Рік тому

    Oooou gotta check them out!!!

  • @klaaskay2685
    @klaaskay2685 Рік тому +1

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

  • @AndersonMancini
    @AndersonMancini Рік тому +1

    Fantastic work here ❤❤❤😊

  • @LilaShoes
    @LilaShoes 10 місяців тому

    Nice tutorial! what recording tool do you use btw

  • @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

  • @bySterling
    @bySterling Рік тому

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

  • @dms1887
    @dms1887 Рік тому +1

    Ohh thanks for your video

  • @nguyenan8302
    @nguyenan8302 Рік тому +1

    thank you master!

  • @trevorsoh2130
    @trevorsoh2130 Рік тому +1

    Wow this is ridiculously cool!

  • @AshaD_vlg
    @AshaD_vlg Рік тому

    Excellent. Good job brother

  • @BecomingANerd
    @BecomingANerd Рік тому

    Wow what an amazing video!

  • @AdamFalconieri
    @AdamFalconieri Рік тому

    Looks insane!!🎉

  • @the_indrid_cold
    @the_indrid_cold Рік тому +1

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

  • @1Chitus
    @1Chitus Рік тому +1

    Fantastic work

  • @safouenerouatbi7807
    @safouenerouatbi7807 Рік тому +1

    Nice man 🔥

  • @adevikthur
    @adevikthur Рік тому

    Thank you for this great tutorial

  • @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!

  • @annele8776
    @annele8776 Рік тому +1

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

  • @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.

  • @victorzollikofer1292
    @victorzollikofer1292 Рік тому

    Wow! That is something figma could adapt

  • @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 8 місяців тому

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

  • @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 🔥

  • @FahadKiani1
    @FahadKiani1 Рік тому +1

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

  • @NYProductions
    @NYProductions Рік тому

    love this!

  • @10xmili
    @10xmili Рік тому

    Thank you for this good video

  • @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?

  • @evgenia8326
    @evgenia8326 Рік тому +1

    I love your channel

  • @thevikingsock8527
    @thevikingsock8527 Рік тому

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

  • @CASTANDCOOKING
    @CASTANDCOOKING 8 місяців тому

    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.

  • @pokescreation
    @pokescreation 10 місяців тому

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

  • @scoff7032
    @scoff7032 Рік тому +1

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

  • @onefxpro6906
    @onefxpro6906 Рік тому +1

    Thank you

  • @luci6799
    @luci6799 Рік тому

    Vietnamese always support you.

  • @oussamaworld2788
    @oussamaworld2788 11 місяців тому

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

  • @rajanbyroju9261
    @rajanbyroju9261 Рік тому

    Beautiful ❤

  • @m3vm3
    @m3vm3 Рік тому

    Impressive and very simple

  • @JakeHenry
    @JakeHenry 4 місяці тому

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

  • @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.

  • @junesan.233
    @junesan.233 Рік тому +1

    Nice work

  • @vladvandal8845
    @vladvandal8845 7 місяців тому

    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 ?

  • @samsunguser5838
    @samsunguser5838 8 місяців тому

    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 😊😊😊😊❤

  • @coderblip8435
    @coderblip8435 Рік тому +1

    Nice🔥🔥🔥

  • @eduardomaiaemoura3475
    @eduardomaiaemoura3475 6 місяців тому

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

  • @sammile
    @sammile 5 місяців тому

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

  • @HelenShevchuk-w1o
    @HelenShevchuk-w1o Місяць тому

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

  • @axtrion888
    @axtrion888 Рік тому +1

    amazing

  • @thevikingsock8527
    @thevikingsock8527 Рік тому

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

  • @pauls6277
    @pauls6277 Рік тому +103

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

  • @federicodonadio5624
    @federicodonadio5624 Рік тому

    Really cool

  • @saiflombat3560
    @saiflombat3560 Рік тому

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

  • @Codinstylepro
    @Codinstylepro 11 місяців тому

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

  • @furjenf.519
    @furjenf.519 Рік тому

    So, its not a website but a PowerPoint presentation. 0 functions whats the point?

  • @jonathandaniel8458
    @jonathandaniel8458 Рік тому

    Cool man!

  • @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!

  • @somethingfishy4168
    @somethingfishy4168 7 місяців тому

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

  • @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 11 місяців тому

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

  • @SawantShruti-hg2ok
    @SawantShruti-hg2ok Рік тому

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

  • @NannarKhana
    @NannarKhana Рік тому

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

  • @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

  • @Nguyenmanhhung_Bin
    @Nguyenmanhhung_Bin Рік тому

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

  • @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?

  • @insannurjaman
    @insannurjaman Рік тому

    what camera did you use?

  • @acidnmusik
    @acidnmusik Рік тому

    the website is lagging and very slow EVEN the dora website is loading way to long. For fun its a nice website but for business its a flop

  • @anhdinhthiminh2485
    @anhdinhthiminh2485 6 місяців тому

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

  • @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.

  • @oscarestoa8796
    @oscarestoa8796 Рік тому

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

  • @princeheman1047
    @princeheman1047 Рік тому

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

  • @moitreyee7589
    @moitreyee7589 11 місяців тому

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

  • @smiesznysimp7878
    @smiesznysimp7878 Рік тому

    Can we design mobile apps with this tool?

  • @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?

  • @irinabts3219
    @irinabts3219 6 місяців тому

    Can it be exported to the Framer or squarespace?

  • @bhushan_366
    @bhushan_366 Рік тому

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