Dora Tutorial: Build a 3D Website in 15 mins
HTML-код
- Опубликовано: 31 май 2024
- 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/7316?copykey=a...
👩🚀 Try Dora: dora.run/
☎️ Find us on:
Twitter: / doratool
Instagram: https:/ doraplatform
TikTok: https:/www.tiktok.com/@doranocode
🌟 Join Discord community: s.dora.run/dora-discord
🌎 Join Dora community: s.dora.run/dora-community
#uiux #webdesign #nocode #nocodeplatform #fyp #design #3danimation #3ddesign
![Eminem - Houdini [Official Music Video]](http://i.ytimg.com/vi/22tVWwmTie8/mqdefault.jpg)
![Darren Waller - Who Knew (Her Perspective) [Official Video]](http://i.ytimg.com/vi/GytDjB8u6bM/mqdefault.jpg)
That's slick! Why aren't you guys famous yet? This is a world design breakthrough!
3d motion graphics meets web design but in an awesome way. Well done Dora team this is an amazing looking tool!!!
Thank you for this supportive comment! We really appreciate your encouragement and it means a lot to us 💖
Can't believe how simple Dora is 🙆🏾
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!
Please do more entry level tutorials
Fantastic!
Amazing
Holy Wow!!
ESSE DORA TÁ MARAVILHOSO
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?
wtf amazing, will be change world website designs
Dora is really good. it looks like figma.. but even better. because it can publish directly.
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
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
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???
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?
As a designer, can I use your platform to design and host my own portfolio website?
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?
Thank you for your suggestion! We will come up with another tutorial soon to discuss more about the responsive part and the breakpoints.
How can i export the code so that i can add more react components on top of it and integrate it with backend?
gracias, aunque se ve complicado, espero hacer pronto mi página con dora.
3:07
For "Distribute horizontal spacing," the yellow vertical bar appears if I click more than two compoenents.
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.
Hi, you can check out our Dora AI tutorial series here: ruclips.net/p/PL6EN-PRokpQMJn6vUfOdAuvw27afzc7sT
Is there any course available on dora ?
Wow! How does this look on mobile pls?
When I have created a website with dora and published it. How can I get emails about it? Is there a tutorial about it ?
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
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.
Please also make a tutorial for Wordpress. Thanks a lot!!!
This is web building software, perhaps you could try it out!
This amazing..I'm gonnna use it...Just want to know how we can add social account links?
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
How do I download project images? I didn't find this option in Dora.
in future can you add the assets so we can use them we follow along?
Hi there! Here is the project files you can copy to use: www.dora.run/e/7316?copykey=a2ca7698-e7e4-4298-bec1-588563dc21c3
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 :/
Can i make websites for clients
what's the type of file you upload in '3D model' i tried a png but it didn't work
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
Where is the undo option. ctrl z doesn't work
I want to remove "made with dora" to publish my site. How can i do it???
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
How did she group them at 3:10 ?
Try using the keyboard shortcut Cmd + G or Ctrl + G!
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.
Hi, you can check out our Dora AI tutorial series here: ruclips.net/p/PL6EN-PRokpQMJn6vUfOdAuvw27afzc7sT
Still on the waitlist
Are you Weidi? :D
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 :(
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!
you guys need better tutorials - we need an actual "how to" use Dora in depth
cheats, there is no generation of ai