完整作品展
技术栈
60 projects
EasyBites - 轻松订购当地快餐的趣味平台。
@trefankagoo · X
Vibe coding isn't about letting AI design for you. It's about thinking like a designer and building at 10× speed. Tried that on a food delivery website. Result ↓ Live :
上传SVG创建蓬松光泽贴纸，支持3D光学效果和PNG导出。
@Ammar110_SM · X
Turn any SVG into a glossy die-cut sticker you can actually peel 🎨 Built Sticker Studio entirely in Wonder, UI in Wonder Chat, live shader outlines, and Wonder's MCP piped it all into Claude Code as a real app. Try it: @usewonder #wonderchallenge
在GPU模拟水物理的3D游戏中创造生物。
@rand_monsterlab · X
A monster walks into a GPU-simulated pond. Reactive SPH water in the browser with @threejs + WebGPU. Every movement sends ripples through Coming soon. Follow @rand_monsterlab: #ThreeJS #WebGPU #VibeCoding #IndieGame #Monster
将照片或文字转换成卡通形象，支持迪士尼、宫崎骏等多种风格
免费在线 AI 卡通图片生成工具 — 将文本和照片转换为令人惊艳的卡通风格图像。它提供多种艺术风格、丰富的自定义选项和高质量的输出，让用户轻松创建独特的头像、社交媒体内容和品牌插画
免费 React 组件库，包含 80+ 玻璃态设计，适用于 Next.js 和 Tailwind CSS。
@AdeebMirza83 · X
🚀 I just shipped IntelliHelper UI — my Liquid Glass React component library. Try it: GitHub: 80+ components. 5 gorgeous themes. CLI installs in seconds. Frosted chrome that stays quiet. Expressive content panels that pop. Built for Next.js + Tailwind, copy-paste ownership like shadcn, but with a stunning glass design system that feels premium. And yes — official plugins & MCP so Claude, Grok, Cursor & agents actually understand how to use it. Live previews, full source, open source (MIT). What do you think of the glass effect? 👇 Drop your feedback — building in public starts now! #React #NextJS #Tailwind #UI #OpenSource #WebDev #DesignSystem
拖动方框体验Flexbox布局引擎的推断过程。
drzivil · HN
Drag boxes around and watch a layout engine infer the Flexbox (no AI)
Animate Old Photos：用AI将您的老照片转换成生动的视频
Animate Old Photos — 利用 AI 让那些定格在老照片中的回忆再次“动起来”，让记忆变得更加生动，回到了过去的美好时光。
Tatto.dev 将故事创意转化为 3D 打印的盲文触感页面，适合盲童和低视力儿童。
@fgiuliani87 · X
What if every blind or visually impaired child could create—and touch—their own story? ✨ Type an idea. We turn it into real Braille and raised illustrations, ready to 3D-print at home. Built with @lovable to make imagination accessible to everyone. 💜
用AI将照片转换为动画视频，创建动感肖像。
Photo Animate AI — 利用人工智能动画技术，将静态照片转化为动态、逼真的视频
创建 33+ 种 Mermaid 图表，实时预览，导出 PNG/SVG/PDF，数据保存在浏览器。
kalman03 · V2EX
分享一个免费强大的在线 Mermaid 绘图工具 Mermaid Live Editor （ https://mermaid-live-editor.com/ ） 免费强大的在线 Mermaid 绘图工具。无需安装，支持 33+ 种图表类型（流程图、时序图、架构图等）实时渲染，纯前端运行不上传代码，支持导出 PNG/SVG/PDF 格式。
Sketch 根据文字描述一键生成品牌一致的海报、轮播和视频内容。
u/naxmax2019 · Reddit
Lessons from building a “paste a URL, get your brand” onboarding - our activation rate doubled when we deleted the signup wall Building an AI content tool (Sketch : turns one prompt into on-brand posts, carousels, video, etc.). Sharing one decision that changed everything, because I see SaaS founders get this wrong constantly: We let people generate before signing up. Old flow: signup → onboarding form → brand kit upload → first generation. Classic. Also classic drop-off at every step. N
