
Buildly
A curated library of reusable UI components built with Framer.
@buildlylibrary · X
The full gallery
Tech stack
15 projects

A curated library of reusable UI components built with Framer.
@buildlylibrary · X

Generate UI screens for mobile and web apps from text descriptions in seconds.
@ninakolari · X
Google just dropped Stitch and it changes the entire vibe coding workflow. You describe what you want your app to look like. It builds full high-fidelity screens in seconds. No Figma. No designer. No credit card. Here is how to use it: Go to Sign in with your Google account. That’s it. You’re in. Instead of typing “make me an app” type this: “A lesson planning app for teachers. Clean and calm. Inspired by Notion. Minimal. White space.” The more specific you are the better your screens. Then refine with follow up prompts. Change the nav. Try dark mode. Get 3 menu variations. Or just speak it. Your screens become a clickable prototype in seconds. Click a button and Stitch generates the next screen automatically. Your entire app flow. Before you write one line of code. Then take it further. Export to Lovable or Cursor and build the logic on top. Use the MCP server to keep your design and code in sync. Pull any website’s design system in seconds. Save everything as

Hand-crafted React components and templates for building polished user interfaces.
@polyqoy · X
This video shows a fully animated 3D site built in 2 minutes with claude code. one terminal command. but the prompt was almost irrelevant. the real work was the pre-load: ui/ux pro max skill, a hero component from framer motion stacked in before claude touched anything the toolkit did the job. the prompt just pulled the trigger. that's also why most people's claude output looks generic. they skip the setup and blame the model.

Design working prototypes visually with a coding agent in real-time.
u/tokmako · Reddit
I am developing an alternative work environment to Claude Design. When I first tried Claude Design, I really liked the idea. But after generating a design, I kept wanting a more direct way to continue working on it not as a separate design representation, but as a live, working interface. That’s what I’m building with VisualWizard. The canvas contains real, interactive prototypes. You can select elements directly, move or resize them, change styles, and keep interactions and

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

Local-first workspace for authoring, previewing, and exporting design systems.
@ricouii · X
我已经围绕 design.md 做了一个开源的工作台,以及品牌库 工作台支持模板编辑、预览、AI 生成、文件派生 token、css,品牌库方面还支持 HTML preview... 我还是相信 design md 是很有潜力的,比大部分的设计 skill 好用

Browse and copy reusable Shadcn UI components, blocks, and templates for React development.
@gupta05_vaibhav · X

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

Design custom themes for Codex Desktop with backgrounds, colors, transparency, and visual effects.
plutozc · V2EX
做了个 Codex Desktop 主题预览和切换工具,先调好再安装 最近一直在用 Codex Desktop ,觉得默认界面看久了有点单调,就顺手做了个主题编辑工具,分享一下: [Codex Skin]( https://getcodexskin.com) 可以先在网页里预览主题,调整背景透明度、面板透明度、颜色、模糊和圆角等参数,满意之后再下载并切换到 Codex Desktop 。 目前支持: - 自定义 JPG 、PNG 、WebP 背景 - 在线实时预览主题效果 - 调整透明度、颜色、模糊、圆角 - 预览满意后生成安装命令 - 不喜欢了可以恢复默认外观 目前主要面向 macOS 上的 Codex Desktop ,还是个人项目,功能和兼容性都在继续打磨。 欢迎试试,也想听听大家对主题参数、预览效果和安装流程的反馈。 直接网址: https://getcodexskin.com [轻喷 轻喷,可能还有些 bug

Design mobile app interfaces with AI and export to HTML, design tokens, and implementation code.
@9to5_Dad · X
Ai mobile app ui designer with taste

A free browser-based CAD editor for drawing and editing 2D designs with DXF/PDF export.
@KulmanLab · X
- a free and accountless alternative to Autocad

Convert design mockups and screenshots to code automatically.
@AnimaApp · X
Image to code in 1 minute - 20x faster than Claude Code and with much higher fidelity. Try it at and let us know how we did 🤘