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

Best DESIGN resources for AI coding, all in one... list 👇 — Visual design inspiration. — AI-powered website design and building. — Backgrounds and gradients. — Ready-made UI templates. — Animated React components. — Real app screens and user flows. — Website navigation inspiration. — UI animations and interactions. — Motion design inspiration. — Curated website designs. — Landing page inspiration. — Free fonts for your projects. — Remove image backgrounds. — Webflow templates and resources. What did i miss?show more

If you're a UI/UX designer, bookmark this. 1. →... 70 interactive website sections to copy 2. → beautiful website inspiration 3. → AI explainer video kits 4. → animated UI components 5. → experimental web design 6. → interactive React components 7. → minimalist website inspiration 8. → typography inspiration 9. → creative website references 10. → SVG backgrounds & shapes save this for your next project.show more

HOLY F*CK, animation design studio in 20 repos. 20... free tools and agent skills for Opus 5.5. Timing. Morphing. Rigging. Physics. Particles. 01 Remotion Skills → Agent guidance for video. 02 Anime.js → Timelines and stagger. 03 Motion → Layout transitions. 04 React Spring → Spring physics. 05 Motion Canvas → Animated explainers. 06 Manim → Math in motion. 07 mo.js → Bursts and shape effects. 08 Flubber → Smooth shape morphing. 09 KUTE.js → SVG tweening. 10 AnimXYZ → CSS choreography. 11 Lottie Web → Vector animation playback. 12 Rive Runtime → Interactive state machines. 13 Inochi2D → 2D puppet animation. 14 OpenToonz → Hand-drawn animation. 15 Synfig → Vector tweening. 16 Blender → Rigging and character animation. 17 Three.js → Animated 3D scenes. 18 Godot → Game animation systems. 19 Matter.js → 2D rigid-body physics. 20 tsParticles → Particle animation. Idea → keyframes → motion → polish → render. Bookmark this. Go build something worth watching ↓show more

If you’re a designer, bookmark this. - Design inspiration... from X - Mobile UI animations - Real app UI screens - Website design inspiration - Real product UI - Brand guideline inspiration - Beautiful design - Free animated components. backgrounds What did I miss?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

your AI designs need better references? save these 👇... 1. — 192+ site references 2. — 51 sections 3. — AI video kits 4. — CTA inspiration 5. — Web design inspiration 6. — 600+ animation prompts 7. — Website inspiration 8. — Design resources 9. — Design community 10. — Creative inspiration 11. — Motion design inspiration 12. — Footer inspiration 13. — Landing page inspiration 14. — AI design prompts 15. — Landing page inspirationshow 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

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

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

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

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

✨ 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

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

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

Artistic Animated Dance (motion ref: @4Walls Studio。) #aquCHAOS #Animation... #Dance #Trend #fyp This animation expresses dance as art — a visual choreography of motion and rhythm. Pure artistic expression in motion. No explicit or suggestive content.show 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