
Screely — Free Screenshot Mockup Tool. Private, In Your Browser.
Create professional screenshot mockups with frames, backgrounds, and annotations in your browser.
@Aticmatic_com · X
of course for people:
The full gallery
Tech stack
60 projects

Create professional screenshot mockups with frames, backgrounds, and annotations in your browser.
@Aticmatic_com · X
of course for people:

Drag boxes to visualize how a Flexbox layout engine infers constraints.
drzivil · HN
Drag boxes around and watch a layout engine infer the Flexbox (no AI)

Create visual boards that group ideas by color and structure them with branches, then share without login.
@shiftibis · X
Indie project 📝 ReBox: visual boards where color = group and branches = a file tree — both at once. Share links open without login (anyone with the link can edit). A Claude connector builds boards for you. English UI just shipped. #buildinpublic

Create app store screenshots with 3D device mockups for iOS and Android apps.
AppScreenshots — 生成应用商店截图,支持 iOS、Android、Chrome、HarmonyOS 等平台,支持 3D 设备展示和 AI 驱动的 Mockup 创建工具

Search and copy production-ready UI components for your projects.
@ArthurMrcnr · X
Create polished App Store and Google Play screenshots in your browser.
@SimonKroisi · X

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
PixelFlow Create Pixel art, Pixel Animations, Music & SFX , 3d Worlds , 3d Voxel painting, Asset Generation and much more!
@Neuorix · X

Give AI agents real UI context with screenshots, design contracts, and audits.
u/albanianspy · Reddit
the boring internal tool became the product we didn’t start with a saas idea. we were just annoyed that every agent-built UI looked weirdly related. so we made an internal finish gate: real screen references, a design contract, browser checks, and a ban list for generic AI defaults. one developer kept asking why it wasn’t public. eventually we stopped having a good answer. now UIZZE has a few paid users. builder disclosure: it’s mine, $9/mo or $99 lifetime: https://uizze.com current

Paste a URL to instantly preview your project in device mockups.
@AndreaPericoli · X
I couldn’t find a simple tool that did exactly what I needed, so I built one in @Lovable Frame Stage lets you paste a URL and instantly preview your project on desktop, tablet, or mobile. No mockups. No setup. 🌐 #vibecoding #AI

Embeddable visual workflow builder for web apps with optional AI assistance.
tahazsh · HN
Hi! I’m Taha. In many agentic products that support workflows (including one I worked on), I noticed they either don’t support node-based editors, or use React Flow and go through the difficult work of integrating it into their product to run it and work with their existing logic. So I thought about creating a tool that could help with this by closing the gap between the editor and the runtime. That’s why I created Wayflow. The basic architecture is simple: you just need to create a graph (which is a JSON object) that the runtime knows how to run. The runtime doesn’t care where that graph is coming from, it just needs the right schema. And with the help of the editor, you can create the graph, and then export it or directly save it on your backend in your database. And then when you want to execute it, you just hand it to the runtime. The runtime can either stream the execution (which is useful for the editor), or give you the final result. How you execute the graph is up to you: t

Design and generate visual content for films and creative projects on a shared AI canvas.
@Canvexxx · X