✨ HTML Generator

HTML Generator Design by AI

Enter your content and I'll create HTML for you.
Please provide the content and style you want to generate.

📝Example Input

[Input Content]

- Style: Write it like an internet post. Only the title and content should be well-displayed, without author or comment sections.
- Title: [Must Read Before Using This Bot]
- Content:
This bot has only been tested on Gemini 2.5 Pro, Gemini 3 Pro, and Gemini 3 Flash models, so please use only these models.
(It may not work properly on other models)
Please try to use it with User Notes and Persona fields empty.

🎨Preview (Scroll Left/Right)

Gemini 3 Pro

Model

Notice

[Must Read Before Using This Bot]

2024.05.23 12:00

This bot has only been tested on Gemini 2.5 Pro, Gemini 3 Pro, Gemini 3 Flash
models, so please use only these models.

⚠️ (It may not work properly on other models)

Please try to use it with User Notes and Persona fields empty.

Gemini 2.5 Pro

Model

Must ReadNotice

[Must Read Before Using This Bot]

This bot has only been tested on Gemini 2.5 Pro, Gemini 3 Pro, Gemini 3 Flash models, and we recommend using only these models.

⚠️

Caution

It may not function correctly on other models.

💡

Recommendation

For smooth operation, please leave the User Notes and Persona fields empty whenever possible.

Gemini 3.0 Flash

Model

📢GUIDE

[Must Read Before Using This Bot]

💻Tested Models

This bot has been tested on Gemini 2.5 Pro, Gemini 3 Pro, Gemini 3 Flash
models only, so please use only these models.
(May not work properly on other models)

⚠️Recommended Settings

Please use it with User Notes and Persona fields empty whenever possible.

For the best experience, please adhere to the above guidelines.

💡 Comment
This page was created using 'HTML Generator' + 'Gemini 3 Pro Model'.
(Outputs are generated by the AI models listed)

By default, animation effects are not applied (due to the bot creator's preference). If you want animation effects, please request them!

Creator's comments

[Additional Example 1]

- Style: Famous video platform UI style
- Content: Recommends the four yellow duck sisters as assistant helpers.
[First] Text Compression Assistant
[Second] OOC Scenario Idea Generator
[Third] AI Image Prompt Generator
[Youngest] HTML Generator

Generated by Gemini 3 flash

Duck

Tube

🔍

🐥🐥🐥🐥

Yellow Duck Sisters Assistant

Recommending the four yellow duck sisters as assistant helpers. ✨

🐤

Duck Sisters Official ✔️

1 Million Subscribers

👍 12K

Save offline

Clip

42K views 2 hours ago #YellowDuck #Assistant #Helper

The best teamwork to ease the pain of creation! Check out the sisters' abilities.

[First] Text Compression Assistant
We efficiently compress vast amounts of text, extracting only the core information.

[Second] OOC Scenario Idea Generator
We propose original worldviews and scenarios that stimulate your imagination.

[Third] AI Image Prompt Generator
We create precise prompts that will transform your imagination into perfect visuals.

[Youngest] HTML Generator
We instantly implement beautiful UIs without complex coding.

Next video

10:04

☝️

[First] The Ultimate Efficiency! How to Use the Text Compression Assistant

Duck Sisters • 5K views

12:20

✌️

[Second] Stuck on the Plot? The OOC Scenario Generator Has You Covered!

Duck Sisters • 8.2K views

08:45

🤟

[Third] Guaranteed Masterpiece! Mastering AI Image Prompts

Duck Sisters • 11K views

15:30

🤙

[Youngest] No Coding Needed! Practical Guide to the HTML Generator

Duck Sisters • 24K views

[Additional Example 2]

Make it like a chat window
- Duck1: OMG; Gemini 3 flash is surprisingly good at making things?
- Duck2: Agreed agreed
- Duck1: Gemini 2.5 pro should take notes
- Duck3: ㅋㅋ Agreed

Generated by Gemini 2.5 pro

🦆

Duck Chat Room

3 participants

🔍📞

Duck1

OMG; Gemini 3 flash is surprisingly good at making things?

Duck2

Agreed agreed

Duck1

Gemini 2.5 pro should take notes

Duck3

ㅋㅋ Agreed

Enter message...

😊

[Additional Example 3]

I want to drink an iced americano.
Iced americano
Ice~~ Ame~~ Ri~~ Ca~~ No~~~

Generated by Gemini 3 pro

☕️ CAFE VIBES

Iced
Americano

❄️ A refreshing glass full of ice

🧊

Thirst Quencher

💭 Today's Thought

I want to drink an iced americano.

Ice~~ Ame~~ Ri~~ Ca~~ No~~~

🥤

Order Details

🧊

Iced
Americano

😋

MOOD

Craving
MAX