Last updated:
Make a personal site, a portfolio, or a page about something you love. Describe it, and Otto helps you build a first version. Then explore the code and make it yours.
Quick answer
Yes. Kids describe the website they want, and Otto helps build a starting version. Then they improve the design, add features and explore the HTML, JavaScript, CSS and React behind it.
You don't need to master web development first. You learn it by building something you care about.
Your website can change as your ideas and skills grow.
Ideas
Pick something you care about. It gives you a reason to keep building.
Your interests, favorite activities, creative work or goals, in your own style.
Headings · sections · colors
A place to show artwork, writing or projects so they are easy to browse.
Images · grid layout
A favorite book series, sport, animal or topic you enjoy learning about.
Organizing content · style
A page for a club, school project or imaginary business that explains the idea.
Landing page structure
Buttons, animations, quizzes and other things that respond to visitors.
JavaScript · events
Learn how websites work by building one
A website is code that controls its structure, appearance and behavior. As you build, you connect what you see on screen with the code behind it.
Headings, paragraphs, images, lists and links. The skeleton of every page.
Colors, fonts, spacing and layouts that work on phones and laptops.
Buttons, quizzes and anything that changes when you click.
How it works
No blank-page problem. Start with what the site is for and build from there.
A portfolio, a project page and a quiz all need different content. Decide what your site is for and who will visit.
Purpose
What should a visitor do or learn?
Sections
Header, content, footer
Website projects
These are starting points. Change the layout, content and features to fit your own idea.
Always get a parent's guidance before putting personal information on a site or sharing it publicly.
What kids shouldn't share with AITry building
Sections for your interests, favorite activities and projects.
A gallery for your art, writing or other creations.
An educational site about planets, stars or space exploration.
Reviews and reading recommendations, one section per book.
An info page for an imaginary club, team or shared interest.
Visitors answer questions and see a result.
Otto as coach
Otto doesn't just restyle the page. It shows you where the change goes and why.
Kid says
I want the background purple.
Otto
Background color is set in CSS. Find the class on your page's main section. Which Tailwind class do you think controls background color? Try one and see.
Kid says
My pictures are all different sizes.
Otto
Images keep their own size unless you give them one. What if every image had the same width? Where would you set that?
Kid says
It looks weird on my phone.
Otto
Phones are narrower, so your three columns get squished. Let's make it one column on small screens and three on big ones.
Privacy
A website is about your ideas, not your personal details. That's a good habit to learn on your first site.
Use a first name or a nickname. Show your work, not where you live. Only use images you have permission to use.
What kids shouldn't share with AILeave these off
Or anything that shows where you live.
Say "my school project," not which school.
Yours or anyone else's.
Use art, drawings or objects instead.
First names or nicknames are enough.
Why HeyOtto
Built for ages 8–18, from a first simple page to bigger web projects.
Describe your site and get a starting version.
Build a page about something that matters to you, not a one-size-fits-all exercise.
See and edit the HTML, JavaScript, CSS and React.
Start simple and take on more ambitious sites.
Guardrails
Every build runs in a closed space, so you can experiment freely.
Projects are web-based with no external APIs or outside connections.
Outside scripts and external API calls are not allowed.
Builds have no access to browser storage.
Each project is a self-contained bundle that parents can view.
Code works inside the controls parents already set.
For parents
The parent dashboard shows each project, what your kid asked Otto, and how the site changed over time.
Every project
Each website your kid builds, saved in Projects.
Questions they asked
What your kid asked Otto while building.
How it changed
How the project changed over time.
FAQ
What kids and parents ask most.
Yes. Kids describe a website idea, Otto helps create a starting version, and kids refine the design and explore the code.
No. Start by describing the site you want. HTML, JavaScript, CSS and React make more sense as you see them change your page.
Yes. You can view and edit the code inside HeyOtto.
Personal sites, portfolios, topic pages, project landing pages and interactive sites. Sites can't load outside scripts or call other services.
No. Otto helps with a first version, then explains and asks questions while you make changes.
Building a site and publishing it are separate steps. Ask a parent before putting any site online.
Yes, with good habits. Leave off private information, use images you have permission to use, and ask a parent before sharing. Projects are web-based with no external APIs or outside connections, and parents can see every project.
No. HeyOtto runs in the browser.
Ages 8–18.
01 / 09
Yes. Kids describe a website idea, Otto helps create a starting version, and kids refine the design and explore the code.
Still need a hand?
Keep exploring
Build a site about something you love, something you've made or something you want the world to understand.