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

Поділитися
Вставка
  • Опубліковано 6 січ 2025

КОМЕНТАРІ • 255

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

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

    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

  • @LinhLe-ko7yd
    @LinhLe-ko7yd Рік тому +22

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

  • @uifry
    @uifry Рік тому +8

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

  • @hunters1274
    @hunters1274 8 місяців тому +2

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

    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

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

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

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

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

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

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

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

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

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

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

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

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

    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

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

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

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

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

  • @hamptonpete7905
    @hamptonpete7905 Рік тому +5

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

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

    Fantastic work, keep it coming!

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

    This is SO COOL! Thank you 🎉

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

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

    Fantastic work here ❤❤❤😊

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

    You are always my endless inspiration 🎉🎉🎉

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

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

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

    Looks insane!!🎉

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

    Wow! Def will be signing up and playing with 🎉

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

    Excellent. Good job brother

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

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

    Wow what an amazing video!

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

    Oooou gotta check them out!!!

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

    Nice man 🔥

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

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

    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?

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

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

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

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

    Fantastic work

  • @techofy1149
    @techofy1149 Місяць тому

    How did you add page 2 onwards? Because honestly I was trying to add text and numbers like you did but I could not do it.

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

    Thank you for this great tutorial

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

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

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

    Wow this is ridiculously cool!

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

    pretty amazing

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

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

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

    love this!

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

    Beautiful ❤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @joshcasinillo4966
    @joshcasinillo4966 19 днів тому

    Is the website free to create a website ? 😅😅
    I LOVE YOUR WORK 🔥🔥

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

    Nice🔥🔥🔥

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

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

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

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

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

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

    I love your channel

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

    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.

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

    thank you master!

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

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

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

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

    Thank you for this good video

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

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

    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

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

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

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

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

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

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

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

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

    Nice work

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

    Vietnamese always support you.

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

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

    Can it be exported to the Framer or squarespace?

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

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

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

    what camera did you use?

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

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

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

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

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

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

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

    Impressive and very simple

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

    Hey Minh,
    Can you please advise me any free website builders where I can display the products of Jewellery store.

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

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

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

    Why does the site only work on the desk to?

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

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

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

    Cool man!

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

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

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

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

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

    Really cool

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

    How can we export this files in html or a working code ?

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

    Where can i hire someone that does these sites

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

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

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

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

    is there a way to implement this into wix?

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

    how can we host that on interner?

  • @KAWAlolo-fw8wb
    @KAWAlolo-fw8wb Рік тому

    i can get file source code after done design?

  • @kritikusi-666
    @kritikusi-666 Рік тому

    can you export this to be used in different edditor?

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

    Hi, are there other pages where one can buy 3d models?

  • @a.n.corefields1700
    @a.n.corefields1700 Рік тому

    Can this be added to a wordpress site?

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

    Can we design mobile apps with this tool?