TypeUI - Build better UI with AI

TypeUI is an agent-first product that you can use with your favorite AI tools like Claude, Codex, and Cursor to start building UI that makes sense an converts users using human-curated design skills and prompts.

Add a comment

Replies

Best

Loooong time no see, PH 🙌

We are the makers of Flowbite and we had such a blast the past few years.

A lot of things have happened since then... LLMs, AI, agents, a revolution really.

After a long vacation we are back with a revenge and this time, we set out to fix UI generation using AI. It's a hell of a challenge to undertake, given the complexity and subjective essence of what UI means and how users perceive it.

First of all, we believe that good UI is the one that gets the message across, the one that is accessible for all users, and ultimately converts your users into customers.

About 3-4 months ago we launched on Reddit () a collection of markdown files (design skills as we call it) and it had quite a success. Over 1000 upvotes and many more k's of views.

A few days later Google launched Stitch and the DESIGN.md format.

Fuck, we're now competing against Google?

And then Claude Design comes along?

And then v0 launches design systems?

We have no chance...

Other than, we kept on and didn't give up.

One month ago we launched our MCP server () that is a superset of the design skills that we previously launched (and perfected since with more granulated .md file breakdown for design system structure) and what it does is pretty simple.

It brings together all resources from TypeUI (markdown files and prompts) and lets you generate much better and cleaner UI by simply typing stuff like:

- "Build me a landing page using Atlas design system"
- "Iterate 3 more variations for the hero section"
- "Build me a dashboard with user analytics"

A lot of things happen in the background with TypeUI MCP:

- it will select the design system markdown files from your project
- it will select the best prompts available for layout generation
- it will use cleanup loops using our UI/UX fundamentals package
- it will optionally create multiple variations of sections and pages based on your settings

Ohhh, and you can also create your own brand kit () which creates a file that you can combine with any of the design skills from TypeUI... so basically create anything in any style!

We have about 3-5k new user sessions with our MCP server... DAILY!

Anyways, back to the product.

You can also use TypeUI with autonomous agents like Hermes (), OpenClaw (), and Eve ().

Because TypeUI is an agent/AI-first product, you can let them loose and automatically generate clean UI if you want your agents to build websites, dashboards, or applications so you can delegate the creative process completely.

ALSO... hear me out.

Tokens... they're getting expensive!

We see posts about Fable generating UI here and there, but nobody is talking about the fact that they are DAMN expensive. And UI generation... it requires a lot of tokens.

This is why we benchmark our previews of design skills () using Composer 2.5 from Cursor - one of the cheapest and fastest models out there. This is why a subscription to TypeUI can definitely save you hundreds if not thousands of dollars when building UI with AI.

All in all...

We reached 10k users. We have about 2.5k MRR at this point.

We are tired. We are excited. We are hungry.

We welcome all feedback so that we can improve TypeUI and help new founders and agents to build user interfaces that will connect with people, make them accessible, and keep a more clean and consistent internet.

Thanks for reading.

Love you all ❤️
Zoltan

 Reading the whole saga — Reddit design skills, then Stitch, then Claude Design, then v0, and you kept going to 10k users and 2.5k MRR — that's the real story, and "give your AI tools taste" is a sharp way to frame what TypeUI does. The human-curated-skills angle is what separates it from generic generation.

Launch-day thought: a short demo shows "curated skills → cleaner UI" better than telling, and you launched without one — so I made you one, free and whitelabel, no strings:


Grab it however you like: download it from that page, upload it to your own YouTube so it's yours, then add it to your PH media — and reuse it on any other launch site. Launches with a video do better, and your Product Hunt launch page is still editable.

Made at — you can make more there, or record your own product tour in ~2 minutes. Anyone else launching soon: paste your site, video in about 30 seconds. Respect for not giving up, Zoltán.

 I think you created a great product here, Zoli.

And seems the launch went really well. Good luck!

 thanks a lot, Csaba! 6 months of work went into it so far 😁

This is a very interesting direction, especially coming from the Flowbite team, and it is always nice to see a Hungarian maker building something ambitious here :)

AI UI generation is getting better, but a lot of outputs still feel like "nice looking screens" instead of actual product UI that converts, stays accessible, and fits a real brand. as someone building a visual product, the design skills / approach feels much more practical than just prompting harder. Curious how much TypeUI improves inside one project over time. does it learn from accepted UI variations and brand decisions, or does it mostly rely on the provided design skills and markdown context?

 

we're not a lot of hungarians out here, but we make it count, haha

so TypeUI aims to give the best possible context for UI generation to any AI models

currently, we provide design skills (as in markdown files), prompt content (for layout generation), and via the MCP we provide variation + cleanup loop tasks to make sure that the UI stays relatively clean

now...

I actually believe that it is not TypeUI, or any AI model that should have the last say in things

I believe the user, meaning you, the builder, who should decide what you want to ship

all that TypeUI does is that it expands the amount of UI ideas the AI will generate and makes sure it stays within some parameters of accessibility, design system constraints, well documented layout options, and more

as a future feature, we are thinking of some analytics type of product inside TypeUI to also measure user interaction with your UI so we'll be able to make suggestions based on user behaviour, because at the end of the day that's what you really want to measure (think heatmaps)

thanks!

 Haha exactly, we have to make it count :)

That makes sense, and I really like the philosophy that TypeUI should expand the range of good UI ideas, not make the final decision for the builder. AI can generate more options, but taste and product judgment still need to stay with the person shipping it.

The future analytics/heatmap direction sounds very interesting too. If TypeUI can eventually connect UI generation with real user behavior, that could move it from "generate a nice layout" to "generate something that actually works better." Curious to see how that evolves! :))

Would love to see a way to preview the generated UI directly in the chat before exporting, maybe a quick screenshot or interactive snippet. Would make iterating with Claude or Cursor way faster since I could react to what I actually see rather than rebuilding locally each time.

 interesting perspective, although normally you would very quickly see the actual UI being generated right in your localhost development server, and that's probably the closest thing you can get in terms of previews, the real thing

you can, however, actually preview the design systems from TypeUI

here we used Composer 2.5 to generate these websites with a marketing, application, and e-commerce UI category

As every developer, design is my week point. 😊 Thank you for putting this together and help me get on the next level. I really enjoy using it!

   thanks a lot, Marko 🙏 excited to see you build more products with TypeUI

Congrats on the launch and the new journey! This seems like a perfect fit for the new wave of Vibe Coders that doesnt know much about the way a design system works under the hood; and still want a beautiful, consistent and "cheap" generated UI. I mean cheap in terms of the token usage and costs, not the end quality which is great. I've burnt 2-300$ in API credits for Claude Design just to get a bunch of components and HTML files that I needed to remake in Claude Code after that. Hopefully more and more people will use TypeUI as the go to for building their products base.

 

thanks a lot, Alex!

yeah, I see a lot of trendy and flashy designs being created with AI becoming viral on social media, but those designs are not actually very practical in terms of larger user audiences or getting your message across

good UI means one that communicates and resonates with the website visitors, is accessible, and also loads fast and uses as little resources as possible, so the big 3D blobs and videos are mostly for agencies or more specialized websites

we benchmark against Composer 2.5 which is one of the cheapest and most accessible LLM model out there, using Fable or even Opus for UI generation is an overkill in my opinion

we have lots to improve on TypeUI still, but we believe this will be one of the flagship products to refer to whenever you want to design yourself or your agents a website, whether it's a dashboard, e-commerce site, or marketing your product

I tried TypeUI in one of my apps and it’s really good. It turned my AI-generated Bootstrap-like design into something clean, and modern. It’s really good for people who aren’t design pros. And even if you are, it’s still helpful.

Congrats on the launch and good luck!

 Thanks a lot, Catalin! 🙏

This is a godsend for people like me who are mostly backend devs but want to build things that don't look like generic AI slop that you see everywhere! I'll be using it on every project moving forward