Developer Tools1 month ago
under→the→hood · a ready→made explorer
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)
The full gallery
Tech stack
60 projects
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)
React library with 60+ scroll-driven section transitions for modern websites.
@itz_sayan_03 · X
Ever wondered how cinematic scroll-driven websites are built? 👀 Meet SectionFlow—an open-source React library with 60+ ready-to-use section transitions, a one-command CLI, reusable sections, and optimized performance. 🚀
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
Generate connected multi-screen UI prototypes from text prompts.
@shokhkarim1212 · X
Generate interactive UI previews from text descriptions; export to native code or Figma.
@ArjunVr58131189 · X
- Design mobile apps like you own a team!
Generate production-ready HTML and Tailwind UIs by chatting with AI.
@AmberProgrammer · X
I am building an Ai powered ui generator that can generate Mobile App UI, Desktop App UI, Website UI & Responsive Web Design. Try it!
React library that serves personalized UI copy and layouts per visitor for conversion optimization.
@casancamdev · X
A curated library of animated web backgrounds in CSS, Canvas, Three.js, and GLSL.
@thaipham278 · X
Just shipped bgHub 🚀 A small UI library focused entirely on backgrounds for vibe coding. AI can generate backgrounds, but it often misses the vibe, bgHub is a curated collection of ideas that actually look good. 🆓 Completely free Check it out:
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
Reusable UI components and supplies for Framer design projects.
@gustavwf · X
Working on a new @framer creation for
Local-first workspace for authoring, previewing, and exporting design systems.
@ricouii · X
我已经围绕 design.md 做了一个开源的工作台，以及品牌库 工作台支持模板编辑、预览、AI 生成、文件派生 token、css，品牌库方面还支持 HTML preview... 我还是相信 design md 是很有潜力的，比大部分的设计 skill 好用
Generate infographics from text using AI with 17 visual styles and 20 layout templates.
SummaGraph — AI 信息图生成工具，粘贴任意形式的文本即可一键生成高质量信息图，内置 20 种视觉风格 × 20 种布局模板，支持系列模式一次生成多页风格连续的信息图，覆盖中英日韩等 9 种语言