If you design or vibe code, save this list.... - Kokonut UI; animated React components - Motion Sites; website and animation inspiration - Motion .dev; web animation - Anime .js; JavaScript animation - Particles Casberry; interactive particles and WebGL effects Useful for both design and build.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

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

Best sites I found for inspiration if you build... or design mobile apps. Inspiration → Motion → AB Tests → Breakdowns → Would you add any other? 🧐show more

15 resources your AI workflow is missing 👀 1.... — 100+ free website templates 2. — Motion design sections 3. — 170+ visual techniques 4. — Premium Figma designs 5. — 900+ curated icons 6. — Animated website prompts 7. — Website inspiration 8. — High-end web design 9. — Landing page inspiration 10. — Footer ideas 11. — Mobile UI animations 12. — CTA inspiration 13. — Animated gradients 14. — Background assets 15. — Design, together Save this before your next build 🔖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

Found a website with 2,000+ hand-picked tools and resources... for designers. It has everything from design inspiration, UI resources, mockups, icons, AI tools, no-code tools, design systems, productivity tools, and more. Really useful when you don’t want to waste hours searching across different sites. Save it for latershow more

5 cool sites for web developers. - Open source... TypeScript AI Agents - Full-stack hosting for PHP, JavaScript, Python, Go... - Convert files to any format & API - Easy to use API client - Design and animation to codeshow more

If you use AI, this is what you need... 1. — Better and cheaper than lovable 2. — Motion design inspiration 3. — Landing page references 4. — Premium Figma designs 5. — App & web icons 6. — Fonts behind iconic logos 7. — Design community 8. — Award-winning websites 9. — Mobile UI animations 10. — Footer inspiration save this for latershow more

5 Sites Every Web Developer Needs to Know -... Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generatorshow more

We're building After Effects for the web. Vector animation... that goes from design to production, built on Lottie, the industry-standard for product animation. Describe what you want and Motion Copilot animates it, or generate Lottie straight from Codex/Claude with our MCP. All in the browser. This is Lottie Creator 2.0. The biggest update we've ever shipped.show more

Hailuo MiniMax (official) MiniMax Design (H3) H3 A prototype... motion-graphics landing page for ice cream, built to test just how far H3 can push UI animation, typography, transitions, hover interactions, and product motion. I tried creating similar effects manually in Adobe After Effects but this version is 100% generated with H3. The model handles these complex motion-design elements incredibly well, and the results are STUNNING - Animated Shape Layers - Kinetic Typography - Cursor Hover Update - Bounce Effects - Wiggle Effects - Live Background - Micro Text Renders - Ease in Ease out Keyframes Prompt Belowshow 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

Expand card and repel animation 🔨: react, motion, tailwind

Experimented with a conceptual 3D web app combining biology,... particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓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

Game animation is design in motion. Another week, another... No Rest for the Wicked animation. A Dragon fly kick designed to evade and attack in one move. Great combat isn’t just about cool motion, it’s about layered mechanics. #GameDev #Animation #combatshow more

Paradox Live Ending Production: nim Direction/3D Design/Motion Design/Edit/Post Effects:... Nate Art Direction/Graphic Design: Kaoru Miyazaki Paradox Live THE ANIMATION（パラアニ）公式 #パラライshow more

A few selects of Animation / Motion Design work... for Moon back when I was working on the channel Made in After Effectsshow more

Exito 3D website full scroll animation web design ⬇️... The design of this site was done for a 1 month subscriptionshow more

if you build animated interfaces for the web, this... is essential reading a clear, practical look at the main thread and the real cost of animation in javascript and css the difference isn't just measurable, it's something you feel ↓ 🔗show more