# UI & Design — open-source repos for vibecoders

> Component libraries, styling, icons, animation, charts, canvases and editors. Use these when you want your app to look great fast — components, icons, motion, charts or rich editors.

- [excalidraw/excalidraw](https://github.com/excalidraw/excalidraw) — Virtual whiteboard for sketching hand-drawn like diagrams (★136k, TypeScript, vibe 97/100) · details: https://ideas.asveas.com/r/excalidraw/excalidraw
- [shadcn-ui/ui](https://github.com/shadcn-ui/ui) — Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own. (★128k, TypeScript, vibe 97/100) · details: https://ideas.asveas.com/r/shadcn-ui/ui
- [mrdoob/three.js](https://github.com/mrdoob/three.js) — JavaScript 3D Library. (★118k, JavaScript, vibe 97/100) · details: https://ideas.asveas.com/r/mrdoob/three.js
- [tailwindlabs/tailwindcss](https://github.com/tailwindlabs/tailwindcss) — A utility-first CSS framework for rapid UI development. (★98.6k, TypeScript, vibe 96/100) · details: https://ideas.asveas.com/r/tailwindlabs/tailwindcss
- [tldraw/tldraw](https://github.com/tldraw/tldraw) — Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK. (★51.4k, TypeScript, vibe 93/100) · details: https://ideas.asveas.com/r/tldraw/tldraw
- [gradio-app/gradio](https://github.com/gradio-app/gradio) — Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work! (★44k, Python, vibe 92/100) · details: https://ideas.asveas.com/r/gradio-app/gradio
- [saadeghi/daisyui](https://github.com/saadeghi/daisyui) — 🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library (★42.8k, JavaScript, vibe 92/100) · details: https://ideas.asveas.com/r/saadeghi/daisyui
- [chakra-ui/chakra-ui](https://github.com/chakra-ui/chakra-ui) — Chakra UI is a component system for building SaaS products with speed ⚡️ (★40.7k, TypeScript, vibe 92/100) · details: https://ideas.asveas.com/r/chakra-ui/chakra-ui
- [ueberdosis/tiptap](https://github.com/ueberdosis/tiptap) — The headless rich text editor framework for web artisans. (★39k, TypeScript, vibe 91/100) · details: https://ideas.asveas.com/r/ueberdosis/tiptap
- [xyflow/xyflow](https://github.com/xyflow/xyflow) — React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. (★39k, TypeScript, vibe 91/100) · details: https://ideas.asveas.com/r/xyflow/xyflow
- [motiondivision/motion](https://github.com/motiondivision/motion) — A modern animation library for React and JavaScript (★35.1k, TypeScript, vibe 91/100) · details: https://ideas.asveas.com/r/motiondivision/motion
- [mantinedev/mantine](https://github.com/mantinedev/mantine) — A fully featured React components library (★31.9k, TypeScript, vibe 90/100) · details: https://ideas.asveas.com/r/mantinedev/mantine
- [heroui-inc/heroui](https://github.com/heroui-inc/heroui) — 🚀 Beautiful, fast and modern React UI library. (Previously NextUI) (★31.2k, TypeScript, vibe 90/100) · details: https://ideas.asveas.com/r/heroui-inc/heroui
- [recharts/recharts](https://github.com/recharts/recharts) — Redefined chart library built with React and D3 (★27.7k, TypeScript, vibe 90/100) · details: https://ideas.asveas.com/r/recharts/recharts
- [lucide-icons/lucide](https://github.com/lucide-icons/lucide) — Beautiful & consistent icon toolkit made by the community. Lucide is an open-source icon library that provides 2000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. (★25.7k, TypeScript, vibe 89/100) · details: https://ideas.asveas.com/r/lucide-icons/lucide
- [magicuidesign/magicui](https://github.com/magicuidesign/magicui) — UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source. (★23.2k, MDX, vibe 89/100) · details: https://ideas.asveas.com/r/magicuidesign/magicui
- [tabler/tabler-icons](https://github.com/tabler/tabler-icons) — A set of over 6200 free MIT-licensed high-quality SVG icons for you to use in your web projects. (★22.6k, JavaScript, vibe 89/100) · details: https://ideas.asveas.com/r/tabler/tabler-icons
- [img2threejs/img2threejs](https://github.com/img2threejs/img2threejs) — Rebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D. (★21.2k, Python, vibe 88/100) · details: https://ideas.asveas.com/r/img2threejs/img2threejs
- [pmndrs/react-three-fiber](https://github.com/pmndrs/react-three-fiber) — 🇨🇭 A React renderer for Three.js (★33.7k, TypeScript, vibe 87/100) · details: https://ideas.asveas.com/r/pmndrs/react-three-fiber
- [resend/react-email](https://github.com/resend/react-email) — 💌 Build and send emails using React (★19.9k, TypeScript, vibe 84/100) · details: https://ideas.asveas.com/r/resend/react-email
- [radix-ui/primitives](https://github.com/radix-ui/primitives) — Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos. (★19.5k, TypeScript, vibe 84/100) · details: https://ideas.asveas.com/r/radix-ui/primitives
- [emilkowalski/sonner](https://github.com/emilkowalski/sonner) — An opinionated toast component for React. (★13.2k, TypeScript, vibe 68/100) · details: https://ideas.asveas.com/r/emilkowalski/sonner
- [emilkowalski/vaul](https://github.com/emilkowalski/vaul) — A drawer component for React. (★8.7k, TypeScript, vibe 60/100) · details: https://ideas.asveas.com/r/emilkowalski/vaul
- [dip/cmdk](https://github.com/dip/cmdk) — Fast, unstyled command menu React component. (★13.1k, TypeScript, vibe 58/100) · details: https://ideas.asveas.com/r/dip/cmdk
- [tremorlabs/tremor](https://github.com/tremorlabs/tremor) — Copy & Paste React components to build modern web applications. (★3.7k, TypeScript, vibe 56/100) · details: https://ideas.asveas.com/r/tremorlabs/tremor
- [lemomo-ai/lemo-opuscar](https://github.com/lemomo-ai/lemo-opuscar) — A toolbox of film styles made in code for Claude Code: 66 ready to use, and your own. Each style is a style prompt plus a demo film made entirely in code by Claude Opus 5.5, with no video model. By Lemomo. · 一套用代码做片的风格工具箱：66 种现成风格，也能做出你自己的 (★14.8k, JavaScript, vibe 87/100) · details: https://ideas.asveas.com/r/lemomo-ai/lemo-opuscar
- [formbricks/formbricks](https://github.com/formbricks/formbricks) — Open Source Qualtrics Alternative (★13.2k, TypeScript, vibe 86/100) · details: https://ideas.asveas.com/r/formbricks/formbricks
- [dubinc/dub.link](https://github.com/dubinc/dub.link) — The modern link attribution platform. Loved by world-class engineering teams at Twilio, Zillow, Jobber, Vercel, Raycast, and more. (★25.2k, TypeScript, vibe 85/100) · details: https://ideas.asveas.com/r/dubinc/dub.link
- [eza-community/eza](https://github.com/eza-community/eza) — A modern alternative to ls (★23.9k, Rust, vibe 71/100) · details: https://ideas.asveas.com/r/eza-community/eza

---
Source: https://ideas.asveas.com/c/ui · 29 repositories · Catalog: https://ideas.asveas.com/llms.txt