
Fudge: AI-Powered Design Inspiration & Font Discovery
Find design inspiration, fonts, color palettes, and UI patterns from production websites.
sim04ful · HN
Fudge – Web Design References for AI
The full gallery
Tech stack
60 projects

Find design inspiration, fonts, color palettes, and UI patterns from production websites.
sim04ful · HN
Fudge – Web Design References for AI

Generate connected multi-screen UI prototypes from text prompts.
@shokhkarim1212 · X

Browse production-grade UI templates, components, and blocks for React and Next.js apps.
@vanta_ui · X
UI Library built from real products

Capture UI elements with code context and screenshots to share with AI agents for debugging visual bugs.
Loerei · HN
I found that describing where a broken UI is and taking screenshots for AI agents really sucks. I’m too lazy to explain an indescribable visual bug or capture a millisecond-long flash. I also don’t want to remember which file defines an element, whether it's right in the .tsx or a problem with the Parent Styles in .css. And even if you can point out the exact file, your agent still has to dig through thousands of lines of code to know what on earth you're yapping about. In a 7700-file monorepo like Cal.com, simply giving the right file in the prompt for your agent saves about 68.9% of execution time and 94.2% of the tokens your agent needs to digest. HoverSource gives all the needed information and further pushes it to -88.5% time and -94.5% tokens, basically skipping the entire digging session and jumping straight to reasoning and executing. The save is linear to how big your codebase is. I want to save tokens, but don’t want to spend my time and energy digging manually, and a junio

Browse interactive React and Next.js components, blocks, and Tailwind templates.
@Ksparth12 · X

React library that automatically serves personalized copy and layouts for each visitor.
@casancamdev · X

Open-source browser tool to generate UI prototypes, graphics, logos, and social media designs with AI.
MuseUI — 开源的纯浏览器运行的 AI 画布式图片工作台,可生成 UI 原型、文章封面、信息图、Logo、贴纸、社交媒体配图

Scan websites for AI design patterns and score how AI-generated their design looks.
hubraumhugo · HN
Design slop is the feeling that tells you a website is purely AI-generated. This is an attempt to classify the design patterns behind it. Applying this scoring to recent ShowHN submissions shows that about a third of the submissions show medium to heavy design slop: https://slopcop.adriankrebs.ch/show How the scoring works: - A headless browser loads each site (Playwright) - A small in-page script analyzes the DOM and reads computed styles - Every pattern is a deterministic CSS or DOM check. There are false positives, but my manual QA run verified it’s maybe 5-10%. Is design slop bad? Not really, just uninspired. After all, the web was never about the fanciest design, and before the AI era, everything looked like Bootstrap. However, there is a difference between trying to craft your own design and just shipping with whatever defaults the LLMs output. And the same has been the case pre-LLM when using CSS/HTML templates. I guess people will get back to crafting beautiful design

Craft and visualize designs in a web-based creative studio.
@OprosOlamiflex · X
Check out what I just built with Lovable!

Draw or import bead patterns, automatically count beads, and export PDFs.
letsgogogo · V2EX
做了一个串珠子的工具,支持拼豆。 我做了一个在线串珠图案工具 Loomet 。 可以画图案、自动算珠子数量、导出 PDF 。也支持拼豆模式。 https://loomet.app

Generate tileable patterns and textures from text prompts or images, then preview, recolor, and export them.
Seamless Canvas — AI 无缝纹理生成器,通过文字描述或上传图像生成可平铺纹理 - [更多介绍](https://seamlesscanvas.com)

Generate Wireframes and UI Designs with the most flexible AI model. Design & Ship faster your products with AI.
@jf_watcher · X