
Fountible — Figma Alternative Where Design Is Code
Convert Figma selections to native React and Tailwind code with AI design and 3D features.
@onuro · X
The full gallery
Tech stack
67 projects

Convert Figma selections to native React and Tailwind code with AI design and 3D features.
@onuro · X

Real-time WebGL shader creating liquid metal effects for UI components.
@MengTo · X
These will instantly make your vibe-coded projects look less generic. Free, open-source libraries from the same creator: • • •

Shufaf is an interactive image workspace built to help developers and designers instantly visualize, test, and perfect their assets in different UI components and mockups before de
@ramio_io · X

Generate production-ready React websites using AI, with built-in CMS and instant hosting.
@saysSerenaaa · X
Unshift lets you build web sites + web apps from a production-ready foundation instead of starting from scratch.

Design visual art with lines and forms directly in your browser.
@josephflaherty · X
by @golnik is the best vibe-coded software project I've seen, both in its aesthetics and the difficulty of its accomplishment. You can see the finished output of his work here:


Build and manage Next.js websites with a visual block editor achieving perfect Lighthouse performance.
@NextBlockCMS · X
Connect Claude, ChatGPT, or Gemini directly to your live website!🚀 We just turned NextBlock Cortex AI into an MCP Server! ⚡️ Local dev via VS Code / Claude Code ⚡️ Dual-mode: BYOK + MCP Subscription ⚡️ Mutate JSONB layouts & query DB live Try it: 🧱

A real-time 3D particle life visualizer that responds to live audio and MIDI input.
@aaronlemke · X
Heres a link to check out my browser-based 3d Artificial Life audio visualizer with live audio input and midi mapping support. Put on your favorite tunes and play around. @threejs @webgl_webgpu Built with Codex from @OpenAI based on Fluoddity from @OA_paperclips

A growing collection of React components for building modern products. Each one arrives as source you can read and edit, and works with your coding agent, so what it ships looks de
@akhil_4109 · X

Create and visualize 3D room interiors with an interactive design tool.
u/Effective-Account278 · Reddit
Built a 3D interior design tool solo as a college student (weekends only) — would love honest feedback Hey — I'm a college student building Haven, an interior design platform. Long-term vision is an all-in-one place combining a real 3D room design tool (like IKEA Kreativ/Coohom) with a designer-client marketplace (like Houzz). This is the first real piece: the Room Designer itself. Built entirely solo, weekends only, on an old 8GB MacBook Air. What it does right now: Build a room manually

Build AI dashboards and agent interfaces with 72 React components and chart cards.
BoardUI · GitHub
boardui React design system for agentic interfaces. Every free BoardUI component as source, with a working AI chat app on your own model key as the homepage.

A visualization language designed for AI agents to create and interact with charts.
chenglong-hn · HN
Data visualizations are the bridge between user and data. But building AI agents that can generate visualizations reliably can be very tricky: - simple chart specs can be reliable, but generated charts are often of low quality due to reliance on system defaults; - complex chart specs with explicit details can produce good-looking charts, but they are verbose and agents can struggle with reliability We figured out it is a limitation on the language issue (not just AI capability thing) -- current visualization languages are a bit too low-level for AI agents, requiring them to explicitly make visual decisions that are supposed to be handled by a good compiler. Flint is a visualization intermediate language to address this issue, allow AI agents to solve this last-mile human-agent interaction problem. It provides a simple semantic-type based specification, and contains a layout optimization engine that can produce good-looking charts (filled with derived low-level details) from simple