Dora Tutorial: Build a 3D Website in 15 mins

Through this tutorial, you will learn how to build a basic website using Dora in just 15 minutes ✨
00:00 Introduction
00:28 Explaining feature "Constraint Layout"
01:42 Building navigation bar with components
06:57 Importing 3D model
07:43 Creating scroll animation
12:41 Creating hover effects
14:35 Building multiple pages inside Dora
📂 Project files: www.dora.run/e...
👩‍🚀 Try Dora: dora.run/
☎️ Find us on:
Twitter: / doratool
Instagram: https:/ doraplatform
TikTok: https:/www.tiktok.com/@doranocode
🌟 Join Discord community: s.dora.run/dor...
🌎 Join Dora community: s.dora.run/dor...
#uiux #webdesign #nocode #nocodeplatform #fyp #design #3danimation #3ddesign

[@sbeck9205]

3d motion graphics meets web design but in an awesome way. Well done Dora team this is an amazing looking tool!!!

[@DoraTool]

Thank you for this supportive comment! We really appreciate your encouragement and it means a lot to us 💖

[@markyichen6195]

That's slick! Why aren't you guys famous yet? This is a world design breakthrough!

[@fifprobill]

Can't believe how simple Dora is 🙆🏾

[@jomsmedia9371]

Wow, this tutorial with Dora is fantastic! Building a 3D website in just 15 minutes? That's incredible! The step-by-step instructions were clear and easy to follow, making it perfect for entry-level developers like me. Dora's explanations were concise, and her enthusiasm made the whole process even more enjoyable. I appreciate how she emphasized the importance of user experience and provided tips on optimizing performance. Now I feel confident to explore more 3D website development on my own. Thanks to Dora and this tutorial, I've taken a significant leap in my web development journey!

[@sachiupasani4768]

Please do more entry level tutorials

[@hanirdi7920]

This is an awesome tool , it have ability to replace the figma. It is understood you will update gradually but here are some quick updates should have to consider: 1. Must add HSB option in colors choice 2. Quick Action like in figma Cmd+/ 3. Bring some AI options as well

[@DoraTool]

Thank you for these suggestions! We have noted them down and will consider them for our future updates. Feel free to join our Discord community to discuss more with other Dora lovers: discord.gg/4N9xvtBRMn

[@pakau]

Dora is really good. it looks like figma.. but even better. because it can publish directly.

[@Zoe-ki4tj]

Hello! I'm really glad that I've found out this tool. Although I cannot import my 3D model (It says 'File format unrecognized or cannot convert') I've tried glb, gltf, 3sd and blend. Why would be the possible reasons for this?

[@sergioalmeidasantos5956]

wow...but I couldn't find this information, but what type of code will Dora generate? Is it possible to export this code (Html)? Will it be possible to test the site live before it is published? How does the issue of metadata and SEO parameters work?

[@kabasakal5841]

wtf amazing, will be change world website designs

[@imkangbean]

the way, I'm making a site while watching your video, but is there a shortcuts easy access or keywords..?? for 1:19 Viewport Top / Page Top? or how to make this tab visible?? What is i scroll???

[@sammile]

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

[@manaslaud2465]

As a designer, can I use your platform to design and host my own portfolio website?

[@youoneofus]

Fantastic!

[@aresfernandezm.f.2593]

Buenos días, acabo de ver tu video hoy 13 de mayo 2024 y te pediría si puedes hacer un video mas actualizado de como realizar una pagina web con Dora IA y ver paso a paso como se debe de realizar, gracias.

[@DoraTool]

Hi, you can check out our Dora AI tutorial series here: kzbin.info/aero/PL6EN-PRokpQMJn6vUfOdAuvw27afzc7sT

[@FelipeOliveira-bd2lx]

Amazing

[@MrSumeetshetty]

How can i export the code so that i can add more react components on top of it and integrate it with backend?

[@RobVanbasterFitzunn]

ESSE DORA TÁ MARAVILHOSO

[@shyam079]

Excellent no coding tool. Really loved it. Please give a tutorial for the responsive screens. I find difficult to resize the elements from desktop to mobile screens. Is there any better and fast options in Dora?

[@DoraTool]

Thank you for your suggestion! We will come up with another tutorial soon to discuss more about the responsive part and the breakpoints.

[@whasuklee]

3:07 For "Distribute horizontal spacing," the yellow vertical bar appears if I click more than two compoenents.

[@neuromante146]

Thanks for the tutorial but it seems to me you're missing some part. at 2:34 you're creating the interaction, than you close the tab, some things are changed, it's not hover anymore but it's mouse leave and i don't understand what is happening on the component on the right. It goes from having default with text 1 and state 1 with text 1 to default and text 1 to just default. This is really confusing me.

[@bySterling]

Holy Wow!!

[@ethanmax97]

Hello, is it possible to design the website to accommodate all devices? It should be able to adapt to whatever device the link is being opened from?

[@abc-bb1ku]

Can I get the code for a design I created in Dora AI?

[@thewebstylist]

Wow! How does this look on mobile pls?

[@orlandogarduno1]

gracias, aunque se ve complicado, espero hacer pronto mi página con dora.

[@limaraianna]

How do I download project images? I didn't find this option in Dora.

[@tatumevans692]

in future can you add the assets so we can use them we follow along?

[@DoraTool]

Hi there! Here is the project files you can copy to use: www.dora.run/e/7316?copykey=a2ca7698-e7e4-4298-bec1-588563dc21c3

[@luanareinholzPersonal]

I'm following the step by step, but for some reason I can't copy and paste! In fact, I can copy it, a message appears saying that it was realised, but it doesn't paste, nothing appears. Neither using Ctrl+c Ctrl+V, nor the command with the right mouse button. If anyone can help me, I'd be very grateful. Ah, I started 2 projects and the error continues :/

[@SamiyaFatima-en1ip]

Can i make websites for clients

[@funnyvideos.-]

Is there any course available on dora ?

[@kenn.3th]

Can you give us the individual files that you used for this project? For example the 3d model file, and the logo files. So we can follow along from scratch with you. Please and thank you

[@mrabtel6274]

what's the type of file you upload in '3D model' i tried a png but it didn't work

[@DoraTool]

We support 3ds, dae, fbx, glb/gltf, obj, ply, zip file formats as long as they're under 20 MB! If you still can't import try reaching out via our Discord: s.dora.run/dora-discord

[@aresfernandezm.f.2593]

Good morning, I just watched your video today, May 13, 2024, and I would ask you if you could make a more updated video on how to make a website with Dora AI and see step by step how it should be done, thank you.

[@DoraTool]

Hi, you can check out our Dora AI tutorial series here: kzbin.info/aero/PL6EN-PRokpQMJn6vUfOdAuvw27afzc7sT

[@betzybarragan]

Please also make a tutorial for Wordpress. Thanks a lot!!!

[@yfchristina442]

This is web building software, perhaps you could try it out!

[@saifaliksa8085]

This amazing..I'm gonnna use it...Just want to know how we can add social account links?

[@DoraTool]

You can select 'Open Link' in the event section. Feel free to join our Discord community to discuss more with other Dora lovers: discord.gg/4N9xvtBRMn

[@notimeforcode5770]

Where is the undo option. ctrl z doesn't work

[@snowrowe]

How did she group them at 3:10 ?

[@DoraTool]

Try using the keyboard shortcut Cmd + G or Ctrl + G!

[@NorthsideHawk]

Still on the waitlist

[@Lojca]

I want to remove "made with dora" to publish my site. How can i do it???

[@DoraTool]

Hello there! As long as you connect to your own domain, the watermark will disappear. Check out more information here: dora-design.notion.site/Publish-Your-Project-be8260e71892403da18d0d8a3f24b0e4

[@theman7050]

Are you Weidi? :D

[@taralester4324]

this is an amazing tool but i was devastated to see when i signed up for beta access i am number 293,000... how is it feasible you all are still even taking applicants if your logs are that far behind in reference to access? i am a current web designer and could be using and teaching others to use your tool, but instead i wont have access for months and will find an alternative :(

[@DoraTool]

Hi there! Dora is and has been available to use for free since early 2023. Please try signing up via dora.run (: We apologize for the wait for Dora AI. Due to high demand we are prioritizing pushing Dora AI as much as we can, despite being a small team and already managing the existing no-code editor. Thank you for your patience and understanding, and we hope to show you Dora AI as soon as possible!

[@user-pi6mu1us8h]

you guys need better tutorials - we need an actual "how to" use Dora in depth

[@rokasjanutaitis]

cheats, there is no generation of ai