
Snapester - Turn Screenshots into Beautiful Visuals
Turn screenshots into polished designs using a Chrome extension and web-based editor.
@buildwithshyam · X
The full gallery
Tech stack
60 projects

Turn screenshots into polished designs using a Chrome extension and web-based editor.
@buildwithshyam · X

Extract code, design tokens, fonts, colors, and media from any website instantly.
@bharatmodi2014 · X
Extract code, design tokens, fonts, colors, and media instantly. Save everything to the cloud, organize your library, and regenerate designs with your favorite AI.

Turn AI-generated HTML documents into professional share links your customers can open in one tap. Convert to PDF, image or Word without breaking the design.
jack714 · HN
SendPage – Paste AI-generated HTML, get a link clients can open

Turn any article into branded blog images and LinkedIn carousels in one click. Visuan generates ready-to-publish visuals in your brand style.
@taniazhydkova · X

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 and export Mermaid diagrams including flowcharts, ERDs, and sequence diagrams online.
ghosts_ · HN
I've been slowly adding some new free tools to Moxie Docs (partly for SEO, partly to illustrate some of our feature sets before any commitment) for some reason this mermaid editor one blew up on Google rankings so I figured I'd share in case people find it useful! We also have ADR, AGENTS.md, LLMs, and a few other free tools.

Explore 160 interactive Three.js examples demonstrating 3D web graphics and WebGL.
@maxchu2021 · X
160 Three.js examples built with Claude through vibe coding. AI didn’t replace coding—it accelerated experimentation and iteration. Next step: turning these demos into production-ready products. Link: #ThreeJS #WebGL #AI #Claude #VibeCoding

Online chess platform for kids with a focus on privacy and safety.
Jeffery

Upload your pitch deck to score investor-readiness and connect with 10+ accelerators.
@mehulshahca · X
1/ You already have a pitch deck. What’s next? I met Megan at @networkschool. She taught me vibe coding. 10 days later, I shipped a new startup venture: Humans of Network School #03 🧵

Draw Mermaid diagrams online with 33+ chart types, export to PNG/SVG/PDF.
kalman03 · V2EX
分享一个免费强大的在线 Mermaid 绘图工具 Mermaid Live Editor ( https://mermaid-live-editor.com/ ) 免费强大的在线 Mermaid 绘图工具。无需安装,支持 33+ 种图表类型(流程图、时序图、架构图等)实时渲染,纯前端运行不上传代码,支持导出 PNG/SVG/PDF 格式。

Create motion graphics and animations in your browser with AI assistance.
u/StylePristine4057 · Reddit
I Updated Motionly: A free, lightweight, AI-assisted motion graphics editor that runs right in your browser. The video above was created from a Motionly project written with help from an AI assistant. I'm building Motionly, an open-source motion graphics editor that lets AI help create editable animation projects instead of just generating a final video. The idea is simple: AI creates the first draft, then you open it in Motionly and refine it visually. You can move elements

AI platform for generating interactive HTML presentations with templates and online editing.
HTML 版 PPT — 多 Agent 协作架构,大纲专家负责搭建逻辑骨架,主题专家负责打磨视觉风格,设计师负责把每一页渲染成精致的 HTML 代码。