• NanoBits
  • Posts
  • Dora AI 💫 : The 3D AI website builder 🌠 everyone's talking about

Dora AI 💫 : The 3D AI website builder 🌠 everyone's talking about

Nanobits Product Spotlight

EDITOR’S NOTE

Dear Reader, welcome to another day with Nanobits!

My next-door neighbor, Raj owns a bustling local bakery in Bangalore, India, famous for its artistic cakes. He has been mulling over building a website that could attract even more customers, but the idea of hiring a web developer feels daunting and expensive. He wishes there was a way to capture the essence of his shop online, without learning complex coding skills. 

Just when Raj and I were brainstorming on the internet, we stumbled upon Dora AI.

Now Raj is ready to say goodbye to all his coding constraints and hello to stunning 3D animated websites ✨💫

I came back to my house in excitement and knew immediately what I wanted to share with my readers in the next newsletter - Dora AI, the undiscovered wonder!

WHAT IS DORA AI?

Dora is a text-to-website tool that generates landing pages with natural language, using a powerful no-code editor.

Image Credits: Dora AI Showcase Page on Product Hunt

With Dora, you could design a landing page for your dream car that is animated with every scroll, create a website to sell kittens online or pay homage to Akira Toriyama with a Dragon Ball Z-themed tribute site with animated characters.

Dora is part of a rising wave of AI tools democratizing web design. This newsletter explores how it streamlines the process, potentially changing how most of us build our online platforms.

KEY FEATURES & BENEFITS

Builds in line with your brand identity

In Image: Tesla Landing Page; Image Credits: Dora AI

In Image: Lego Landing Page; Image Credits: Dora AI

How is Dora different from other AI tools?

Traditional AI website builders often lean on templates, simply replacing text and images. Dora breaks this mold by prioritizing your prompts. Its AI analyzes your ideas to create custom designs, not just rearrange stock elements. This leads to websites that genuinely reflect your vision and offer an exceptional user experience.

However, like every no-code website builder [think of the OG builders like Dreamweaver, MySpace, Tumblr, Squarespace, WordPress, and Wix], you hit the ceiling quickly. The text imagination is limited and might not be SEO-friendly. Pull the plug if you are trying to build any website with more involved audio, visual, interaction, or XR.

Generate intelligently designed and responsive layouts

Dora AI automatically creates responsive layouts to ensure your content resizes on any screen. Every website generation coordinates images, text, and UI elements to maximize usability.

Image Credits: Dora

Future RoadMap

Image Credits: Dora

HOW DOES “DORA” WORK

Here's a breakdown of the core technologies likely powering Dora AI:

Generative AI

  • Large Language Models (LLMs): Dora's ability to understand your ideas relies on advanced language models (similar to GPT-3). These models analyze massive amounts of text and code, allowing Dora to interpret what you write and turn it into website designs.

  • Text-to-Image Models: Dora's ability to visualize design ideas from your description probably involves a combination of LLMs and text-to-image generation models (like DALL-E, Stable Diffusion, or Midjourney).

3D Graphics

  • 3D Libraries/Engines: To generate 3D elements and animations, Dora is currently leveraging powerful libraries like Sketchfab.

  • Dora has this viewport/ timeline feature, where you can keyframe the position, and camera angle, and zoom in/out of the 3D objects (or any element) based on where you scroll. Check this out!

  • AI-Powered 3D Generation This field is rapidly evolving. AI-generated 3D and animations are central to Dora AI and are currently under development for future versions.

Please Note: Dora might use custom AI models and code, making it difficult to pinpoint the exact stack.

DORA IN ACTION

  1. Visit this website

  2. Or, better ask a friend to refer you. This way, you and your friend will earn some free credits. Here’s mine.

Image Credits: Nanobits

  1. Click on New Project and select Prompt to website from the pop-up options. Now you can get started.

Image Credits: Nanobits

  1. You can either choose templates from the left “Try This“ panel or enter your prompt in the box provided. You can also choose your favorite styles from a list of presets or add your custom style.

Image Credits: Nanobits

Image Credits: Dora AI Notion Page

Image Credits: Dora AI Notion Page

  1. My prompt was A landing page for a small cabin nestled in a peaceful forest. And, I chose Wintry Forest on the style presets list. It gave me 4 options to choose from. Each option was for 20 credits.

Finding the best design option from the previews was a total eye-strain situation. I wish I could've zoomed out for a better comparison. Ended up choosing Option 2, but I'm still not sure if it was the right call.

Monalisa Sethi

Image Credits: Nanobits

  1. You can check out the final results here.

In Image: Preview of the final website; Image Credits: Nanobits

NANOBITS OPINION

As someone who's always admired beautiful websites but dreaded the actual coding, tools like Dora feel like a game-changer. I'm excited to see how it empowers creatives and businesses to take their online presence to the next level.

A few things about Dora that stood out for me are:

  1. an intuitive and user-friendly interface

  2. variety in styles and templates

  3. design in line with the brand style

  4. promise of AI-generated 3D designs

  5. automated scrolling animations

What could have been better:

  1. SEO friendly text

  2. smooth scroll transitions; currently they are very laggy

  3. user conversion rates with these AI-generated websites are yet to be seen

It’s been a year since they launched the product and they have already created a serious buzz in the designer communities. Their strategic approach, particularly in reaching design communities, has been incredibly successful:

  1. Open roadmap on Notion

  2. Building in Public

  3. Community engagement on discord

  4. Influencer collaboration on Instagram and YouTube

  5. Events like the Dora AI Showcase Challenge

Here are some standout websites from Dora users:

You can check out their Instagram page for more interesting examples from the users.

Are you currently using AI tools for web design?

Have you tried Dora or similar platforms?

I'd love to hear your experiences – drop your thoughts in the comments or reply to this email!

AI JOB OPPORTUNITIES

Click here to browse more AI jobs in India and outside

LATEST NEWS IN AI

OpenAI plans to develop Media Manager, allowing creators to control their content's use in training AI, amid criticism over scraping publicly available data

India's Election Commission urges political parties to avoid using deepfakes during the ongoing general elections, requiring removal within three hours of detection

Google DeepMind's AlphaFold 3 achieves 50% better prediction accuracy for biological molecules and launches AlphaFold Server for free global scientific research use

A report by Microsoft and LinkedIn reveals that 66% of business leaders prioritize hiring candidates with AI skills, indicating better career prospects for those upskilling in AI

Meta Platforms Inc. is testing new generative AI tools for advertisers, allowing them to create marketing material, including images and text, using AI prompts

Share the love ❤️ Tell your friends!

If you liked our newsletter, share this link with your friends and request them to subscribe too.

Check out our website to get the latest updates in AI

Reply

or to participate.