Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Best DESIGN Resources for AI Coding, save this 👇 1.⁠ ⁠ — 600+ design prompts with full source code for 3D and scroll-driven sites. Every one is a complete prompt, not a snippet you wire up yourself 2.⁠ ⁠ — every navbar pattern worth copying. 3.⁠ ⁠ — footers...

50,661 görüntüleme • 28 gün önce •via X (Twitter)

7 Yorum

Himanshu Hingorani profil fotoğrafı
Himanshu Hingorani28 gün önce

is where you go to build: - 600+ award-winning prompts for 3D and scroll-driven websites - 100+ 3D scenes - 200+ interactive gradients - 200+ UI components - Shaders, sections and full-page builds - Full source code on every one, to download and edit

Hussain Hashim | Building SundayBack profil fotoğrafı
Hussain Hashim | Building SundayBack28 gün önce

@himanshubuildss I'd add: when using these resources, make sure to keep performance in mind. Heavy designs can slow things down, especially on mobile.

Jeremy Knox profil fotoğrafı
Jeremy Knox28 gün önce

@bot take a look at this and create a briefing

Harry Tandy profil fotoğrafı
Harry Tandy28 gün önce

good design references can save hours of prompting and tweaking

Benas Platkevičius 🎲 cxsl profil fotoğrafı
Benas Platkevičius 🎲 cxsl28 gün önce

Thanks!

Roger profil fotoğrafı
Roger28 gün önce

This is crazy!!! This saves me a ton of time. Thanks.

David T Kramaley profil fotoğrafı
David T Kramaley28 gün önce

great list, these prompts will cut dev time. appreciate the share

Benzer Videolar

18 best websites for AI videos that don't look like AI videos this is the exact stack behind every motion studio. 3D, motion, sound, prompts. every one free to start save it before you make your next one: 3D ASSETS ┣ poly haven · free HDRIs, textures + models, CC0 ┃ ┗ ┣ sketchfab · thousands of free 3D models ┃ ┗ ┗ quaternius · low-poly packs, rigged + animated ┗ MOTION ┣ mixamo · auto-rig any character + mocap moves ┃ ┗ ┣ easings · every easing curve, copy the CSS ┃ ┗ ┗ jitter · motion design in the browser ┗ 3D ON THE WEB ┣ spline · 3D scenes in the browser ┃ ┗ ┣ unicorn studio · WebGL effects, no code ┃ ┗ ┗ three.js examples · hundreds of live scenes + source ┗ AI → 3D ┣ meshy · text or image → textured model ┃ ┗ ┣ tripo · image → 3D in seconds, auto-rig ┃ ┗ ┗ rodin · production-ready 3D from a prompt ┗ SOUND ┣ freesound · huge CC sound effect library ┃ ┗ ┣ pixabay music · royalty-free tracks ┃ ┗ ┗ elevenlabs sfx · type a sound, get the sound ┗ PROMPTS + REFS ┣ lexica · search prompts by the look ┃ ┗ ┣ midlibrary · 10K+ styles with prompts ┃ ┗ ┗ godly · animated sites to steal motion from ┗ every "my result" in the video is a real render i made with that site's job in mind. same little claude, one blender file how to wire these into one 2.5D motion studio with claude is in the article below ↓ bookmark this. it's 18 tabs you'll open every week

Dumble

14,356 görüntüleme • 7 gün önce

Every serious vibe coder should have bookmarked it. 25 vibe coding resources to keep yourself ahead of the competition. 1. - 600+ award-winning prompts + full source code for 3D and scroll-driven websites. - 100+ 3D scenes, 200+ interactive gradients, 200+ UI components. - Copy the prompt, paste into Claude, Cursor or Lovable, launch live. 2. Minimal Gallery ( - curated high-end sites to feed your agent 3. Godly ( - hand-picked sites with serious craft 4. Refero Styles ( - 2,000+ real product styles with typography 5. Component Gallery ( - 2,600+ examples of how top design systems solve the same element 6. Mobbin ( - real app flows from real products 7. DESIGNmd ( - design systems as markdown your agent can read 8. VibePrompt ( - ready-made prompts for dashboards and landing pages 9. ( - component registry that plugs into agents via MCP 10. Kinetics ( - 150+ motion effects with React code and prompts 11. shadcn/ui ( - still the gold standard for clean, reusable UI 12. Aceternity UI ( - 200+ animated React/Tailwind components 13. Magic UI ( - beautifully designed components for modern web apps 14. Motion Primitives ( - ready-to-use animation and interaction components 15. Uiverse ( - community-built UI elements and interactive components 16. Shadcnblocks ( - full blocks, not just buttons 17. mapcn ( - map components, markers, routes, popups 18. Awwwards ( - the sites that actually won 19. Liquid Glass ( - glass refraction components and effects 20. CSS Text Effects ( - creative CSS text animations and effects 21. Circle Loaders ( - creative loading animations and loaders 22. Gradient Buttons ( - gradient button styles and effects 23. Shadertoy ( - shaders to study and remix 24. 3Dicons ( - a library of free 3D icons for modern interfaces 25. Anime.js ( - lightweight JavaScript animation library for the web If you're building with AI, this list will save you hours. Save it. 🔖

Himanshu Hingorani

26,043 görüntüleme • 1 ay önce

holy f*ck, I just sold this single AI-generated 3D neuron for $2,000 to a private biotech lab. a private lab saw my visuals on X and reached out. they just ordered a prototype for their modeling work. designers who can't do this will be looking for a job in 2027. save this before its too late: 7 design repos that make Claude Code feel like a whole design team: 1. Awesome DESIGN.md 84 design systems pulled from real sites, each one a single markdown file. drop it in your project, say "build me a page that looks like this" and it actually does 2. Hallmark a design skill from Together AI that refuses to look AI-generated. 50 themes, builds the page around what the visitor came to do, then checks it in a real browser. /hallmark redesign rebuilds any old page 3. Huashu Design type one sentence, get a launch animation, a clickable app prototype, an editable PPT or an infographic. it shows you 6 directions first, you pick 3, it builds them for real 4. video-shotcraft tell Claude "make a promo for my product". it screenshots your real pages, storyboards, animates, syncs to the beat, adds sound and checks every frame. you get an MP4 you can keep editing 5. OpenPencil an open-source Figma alternative that opens real .fig files. describe what you want in chat and the AI builds the design, and Claude Code can drive it directly 6. Motion2Code show it a motion design video and it rebuilds it as clean SVG + GSAP code, checked frame by frame against the original. a 10-second animation ends up around 24 KB 7. Blender Agent Skills 22 pro Blender workflows for Claude Code: modeling, materials, rigging, animation, lighting, rendering. the full 3D pipeline, not just "make a cube" the neuron in this video? I built it myself with Claude Code and a few 3D and motion tools and sold it for 2K. no studio, no team. want to make something like this? like + save this post, comment "NEURON" or DM me and I'll send you the exact prompt.

kiosa

60,071 görüntüleme • 13 gün önce