Loading video...

Video Failed to Load

Go Home

🍟 still using Pinterest for design inspo in 2026? these will replace it. 👇 1. — 500+ website prompts. 100+ 3D scenes, 100+ interactive gradients, 300+ backgrounds, motion sections. Everything's a prompt. 2. — call-to-actions that actually get clicked. 3. — a gallery of bold, loud mobile websites. 4....

41,656 views • 18 days ago •via X (Twitter)

8 Comments

K. Soon's profile picture
K. Soon18 days ago

Try

AmirMušić's profile picture
AmirMušić18 days ago

goated

Tim The Nigger's profile picture
Tim The Nigger18 days ago

Appreciate man

Fluxora's profile picture
Fluxora18 days ago

Quality stack of inspiration there Sometimes even just Pinterest for me I can't open it sometimes cause I get so many ideas and I just need to lock in on my vision 😂

Vishal Mehta's profile picture
Vishal Mehta18 days ago

Thanks for sharing, Viktor.. really great resources.

Matt | Framer Designer's profile picture
Matt | Framer Designer18 days ago

These visuals are insane. How do people make them or find them😭

Mo Elkholy's profile picture
Mo Elkholy18 days ago

@mjibly Millions of free ui refrences ;

J. Kakoti's profile picture
J. Kakoti18 days ago

Consider exploring curated galleries of navigation bar patterns and daily design updates for your next project. Would you find interactive gradients or motion sections useful for your website layouts?

Related Videos

I've tested every vibe coding resource I could find this year. These are the 28 I actually kept, grouped by what you're stuck on. Bookmark this one 🔖 🧵👇 1. - 200+full build prompts for 3D and scroll-driven sites, each one a complete design brief rather than a component you drop in. 2. Minimal Gallery ( — curated high-end sites to feed your agent 3. Kage ( — real UI inspiration mapped straight to prompts 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. AppShot Gallery ( — real app screenshots for mobile 7. Navbar Gallery ( 8. Footer Design ( 9. CTA Gallery ( — conversion-tested forms, popups, buttons 10. 404s ( 11. DESIGNmd ( — design systems as markdown your agent can read 12 VibePrompt ( — ready-made prompts for dashboards and landing pages 13. — component registry that plugs into agents via MCP 14. Kinetics ( — 150+ motion effects with React code and prompts 15. shadcn/ui ( — still the gold standard 16. Aceternity UI ( — 200+ animated React/Tailwind 17. Magic UI ( 18. Motion Primitives ( 19. Uiverse ( 20. UIAble ( 21. mapcn ( — map components, markers, routes, popups 22. MicroKit UI ( — micro-interactions 23. Liquid Glass ( — glass refraction components 24. CSS Text Effects ( 25. Circle Loaders ( 26. Gradient Buttons ( 27. Kitbitz ( — 2,000+ hand-drawn illustrations 28. 3Dicons ( 29. Anime.js (

Himanshu Hingorani

581,823 views • 14 days ago

this is pure f*cking treasure Netflix engineers posted 20 GitHub repos that turn your Opus 5.5 into a f*cking motion empire: built for Opus 5.5 1. claude-motion: taste, checks its own frames, sound written in code. the author built it for Opus 5.5 2. claude-motion-design: HTML, Playwright and ffmpeg, no Remotion. the demo was made on Opus 5.5 3. motion-graphics-skills: 13 skills for launch videos. the README tells you to run it on Opus 5.5 4. claude-remotion-skill: a Remotion editor from one prompt. captions, B-roll, sound 5. klik-anim-skill-creation: the laws of animation and camera, built on Opus 6. hyperframes-motion-reel-skill: a showreel cut to the beat at 120 BPM, on HyperFrames 7. product-launch-motion: a full launch film. voice-over, camera, color grade 8. animate: a short clip in one canvas file, storyboarded as it goes 9. motion-design-skills: timing, color, typography, logos, Remotion 10. hyperframes-student-kit: 14 skills and 406 motion graphics cards the engines these skills render with 11. hyperframes: HTML to MP4. the one almost everyone installs 12. remotion: video written in React 13. remotion skills: the official Remotion skills for your agent 14. GSAP: the timelines HyperFrames runs on. skills: npx skills add greensock/gsap-skills taste and everything around it 15. motion-design-skill: motion principles that work with any engine 16. awesome-motion-design-agent-skills: a map of GSAP, Remotion, Lottie and Rive skills 17. motion-graphics: B-roll built straight from your transcript 18. motion-dev-animations-skill: web animation on not video 19. motion: Motion itself, formerly Framer Motion 20. lottie-web: when you need Lottie, not MP4 the stack in one line: Opus 5.5 writes the code, a skill sets the timing and the camera, an engine renders the MP4. check each repo before you install. save this.

NO1ennn

111,776 views • 19 hours ago

today i shipped the biggest gridform update yet, the latest major updates ↓ 1. ai that actually designs • design copilot: edit with chat • magic design: one prompt → complete poster • multi-agent studio • brand brain • reference image → editable layouts 2. motion & new media • keyframe motion studio • mp4, gif & animated svg export • generative shader backgrounds • slides & presentation mode 3. layouts & composition • 194 new layouts across 10 historic design movements • 566 layouts total • auto-layout constraints • snap-grid builder • layout breeding, blending & mutation 4. craft & quality • design doctor • advanced type systems • palette studio • copy-fit • smart resize 5. scale & shipping • campaign resizing • csv bulk generation • mockup studio • components & design tokens • fully offline 6. plus: magic start, smart layout match, instant branding from a logo, magic wand edits, image cutout & recolor, motion director, time machine, live share links, accessible exports, and more. 100+ early believers from around the world have helped shape this product. people i've never met spending their time testing gridform, breaking things, reporting bugs, sharing references, and telling me what's missing. most of today's update exists because of them. building products alone is hard. building with people who genuinely care about what you're making changes everything. 100% in the browser. still no sign-up. thank you for believing this early ❤️ dm for access.

Deep | Dragoon

24,379 views • 3 months ago

Claude Design is f*cking ridiculous 🤯 Claude Design now lets DTC brands and agencies rebuild any high-performing email — logo, hero, headline, CTA button, comparison table, brand colors — in 20 minutes. One reference email + a pre-loaded brand design system + a structured prompt = a finished, on-brand email you can preview as HTML. All inside Claude Design. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month to design flows that take 2 weeks to ship. If you're sitting on a welcome series, abandoned cart, and post-purchase flow that hasn't been touched in 6 months because the design lift is too painful... This workflow eliminates the entire bottleneck: → Build a design system in Claude Design once (brand colors, fonts, logo, button styling) → Upload a screenshot of any email you want to rebuild as your reference → Use Claude to write a structured prompt that maps every section top-to-bottom (promo bar, logo, headline, CTA, hero, body, table, footer) → Drop the reference image + the prompt into Claude Design at high fidelity → Iterate inline — swap the hero image, fix button styling, color-pick brand colors directly from the original No briefing a designer. No waiting 2 weeks for V1. No paying an agency $4K/month for 4 emails. What you get: → Win-back, welcome, abandoned cart, and post-purchase emails designed in under an hour each → A reusable brand design system that every new email pulls from automatically → Full inline editing — fonts, colors, buttons, images all editable in the canvas → HTML preview ready to hand off to your ESP Built 100% in with Claude Design. I put together a full playbook showing the design system setup, the exact structured prompt format, and the inline editing workflow. Want it for free? > Like this post > Comment "DESIGN" And I'll send it over (must be following so I can DM)

Mike Futia

32,054 views • 4 months ago

how to use Google's NEW open source Design.md + AI Skills to make your startup look like a $100 million company in 1 hour: 1. Design.md is an open source file from Google that captures the soul of a design. Typography, colors, spacing, all in one markdown file. You attach it to your prompt and your agent builds beautiful things every time. 2. Think of it this way. The HTML is the finished dish. The design.md is the recipe. The skills are the ingredients. Put them together and everything you build looks consistent and professional. 3. Don't create a design system from scratch. Find a brand you love. Linear, Stripe, Vercel, whatever resonates. Study it. Use ChatGPT or Claude to help you extract the design language into your own design.md file. 4. Build skills on top of your design.md. A landing page skill. A mobile app skill. A motion design skill. A slide deck skill. Each one references the same design.md so everything looks like it came from the same designer. 5. The biggest mistake people make: they nail one screen and then everything else looks generic. Design.md solves this. One file keeps every page, every format, every medium consistent. 6. Use it across everything. Your landing page. Your app. Your pitch deck. Your promo videos. Same DNA. Same taste. Same system. That's what separates a startup that looks real from one that looks vibe-coded. 7. Build a second brain for design inspiration. When you see something beautiful in the real world or online, capture it. Save it. When you're building something new, reference it. Taste is developed, not downloaded. 8. It's obvious but the difference between a product people trust and a product people bounce from is how it looks and feels. Design.md gives you that edge. you can watch below shoutout to Meng To for coming on The Startup Ideas Podcast (SIP) 🧃 and walking through his full workflow. if you want to use AI to actually build gorgeous designs, you'll want to use see this. watch

GREG ISENBERG

512,753 views • 5 months ago