Beautiful UI components you can just copy & paste.... Save this 👇 - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?show more

Useful sites for designers you probably haven't seen. Save... this 👇 - - live, tweakable UI blocks - - invite-only designer community - - 800+ real sites for your coding agent - - AI prompts for animated websites - - motion-first React components - - one-file UI kit for AI products - - apps & tools built by designers - - web, UI, app icon & OG inspiration - - turn screenshots into showreels What am I missing?show more

The best UI components ready to use, save this... 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?show more

Free UI resources that actually slap ↓ - -... liquid effects for React - - animated border beam - - liquid metal border - - animated thinking orb Bookmarking all of these for our next MVP build.show more

Introducing Spell UI Highly refined UI components. Copy, paste,... and ship. Crafted for modern interfaces. Link ↓show more

I stopped collecting random inspo. These are the only... UI + vibecoding resources I keep opening. 1. EvilCharts — animated React charts for dashboards 2. Rewamp UI — free open-source components, blocks, and landing pages 3. Refero — real product UI patterns and screens for reference 4. Bencho — AI product UI components for faster builds 5. Inspora — design inspiration for modern product UI 6. Neuform — design-to-code resources for AI UI work 7. Open Design — DESIGN.md resources so AI builds with clearer UI rules Save this before your next build 👀show more

Designers and Developers, this is your new home for... UI libraries. Libraries dev brings together 5 UI effect libraries with 20+ variants, ready to use for free. → Border Beam → Orbs → Metal → Gooey → Image Effects Bookmark it for later 💜show more

A few gems I’ve found in the past couple... of weeks: → UI blocks for AI agent interactions → UI components for AI products → UI blocks for interactive AI experiences → showcase of products built by designers → text morphing library with zero dependencies → typography utility for keeping text togethershow more

A new home for all my libraries. 5 UI... effect libraries, 20+ variants, ready to use for free. Border beam, Orbs, Metal, Gooey, Imageshow more

Your design bookmarks could use a few new faces—start... with these 9 ↓ - : UI blocks you can tweak live - : an invite-only space for designers - : 800+ real websites for your coding agent to reference - : AI prompts for websites with animation - : React components with motion at their core - : a single-file UI kit for AI products - : discover tools made by fellow designers - : inspiration for websites, interfaces, app icons & OG images - : turn static screenshots into showreels Which lesser-known site would you add?show more

✨ Introducing Magic UI 🪄 A UI library of... animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.show more

UI/UX Designers, here are some of the best DESIGN.... md resources for AI coding you should bookmark: Styles → Design Systems → UI Components → Web Design → Design. md → Design Resources → Open Design → Design. md → What did I miss? ⬇️show more

Introducing Voice Nav - navigate any website with your... voice. Coming soon as part of ElevenLabs UI: an open-source library of audio & agent components for the web.show more

Introducing prompt-kit A set of high-quality, customizable components for... building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!show more

Found some ridiculously good resources for background gradients &... colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?show more

Created a new skill for UI generation skeleton effect,... something I’ve been using in my UI videos. These UI examples are built with UI Agent.show more

Pro tip for Vibe Coding: just knowing the "terms"... behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe codeshow more

Working on a tiny resource: AI loaders for modern... apps. Small animated loading states for moments like: Thinking, generating, searching, summarizing, reviewing… React + Tailwind, copy-paste ready. Would this be useful?show more

You guys asked for a tutorial, so here it... is. Animated Apple-style websites FULLY with AI, perfect for web and UI work. Let's break it down step-by-step below. Prompts included.show more