Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

UI design checklist A massive collection of the best practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzis

101babich's profile picture

Nick Babich

24,429 subscribers

71,611 Aufrufe • vor 2 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Checklist Design A collection of 50 checklists for UI components, pages and user flows. Each checklist helps you to consider the different states of a component and scenarios when you take a user from A to B. 🖊️ by George Hatzis
0:13

Checklist Design A collection of 50 checklists for UI components, pages and user flows. Each checklist helps you to consider the different states of a component and scenarios when you take a user from A to B. 🖊️ by George Hatzis

Nick Babich

78,566 Aufrufe • vor 2 Jahren

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →
0:14

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

Abraham John 🦄🦓

36,275 Aufrufe • vor 2 Jahren

Design Systems Database Massive collection of best-in-class design systems with visual styles, components and references from leading UI teams.
0:14

Design Systems Database Massive collection of best-in-class design systems with visual styles, components and references from leading UI teams.

Nick Babich

221,652 Aufrufe • vor 2 Jahren

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.
0:16

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Nick Babich

267,253 Aufrufe • vor 2 Jahren

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜
0:14

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜

Abraham John 🦄🦓

86,466 Aufrufe • vor 4 Monaten

UI Design Tips Collection of practical design tips for popular UI components—from call-to-action buttons & cards to menus & modal windows. Every recommendation is provided in a do and don't format.
0:10

UI Design Tips Collection of practical design tips for popular UI components—from call-to-action buttons & cards to menus & modal windows. Every recommendation is provided in a do and don't format.

Nick Babich

89,424 Aufrufe • vor 2 Jahren

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? ⬇️
0:20

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? ⬇️

Abraham John 🦄🦓

52,681 Aufrufe • vor 18 Tagen

just updated ui-skills: It's now a collection of the best skills for design engineering
0:12

just updated ui-skills: It's now a collection of the best skills for design engineering

Ibelick

68,235 Aufrufe • vor 5 Monaten

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 👀
0:19

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 👀

Hey Detya

46,564 Aufrufe • vor 2 Tagen

UI design reference library Mobbin is a massive collection of best-in-class mobile & web app designs like YouTube, Instagram and Apple Music. It helps to streamline product research and design process.
0:14

UI design reference library Mobbin is a massive collection of best-in-class mobile & web app designs like YouTube, Instagram and Apple Music. It helps to streamline product research and design process.

Nick Babich

56,129 Aufrufe • vor 2 Jahren

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it
0:15

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it

Ibelick

104,423 Aufrufe • vor 2 Monaten

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?
0:19

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?

Nero

46,324 Aufrufe • vor 17 Tagen

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

95,343 Aufrufe • vor 1 Monat

✨ 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.
0:17

✨ 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.

Dillion

325,287 Aufrufe • vor 2 Jahren

Good to know: MinMax-M2 is one of the best model at UI design 👀 (it’s open source!)
0:13

Good to know: MinMax-M2 is one of the best model at UI design 👀 (it’s open source!)

Victor M

36,124 Aufrufe • vor 11 Monaten

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵
0:19

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵

Storybook

169,668 Aufrufe • vor 6 Monaten

everyone: "AI has no taste and can't design UI..." meanwhile, claude helps me in 1-2 prompts to build minimal UI components that look damn near close to an experienced designer who understands spacing, type and color.
0:19

everyone: "AI has no taste and can't design UI..." meanwhile, claude helps me in 1-2 prompts to build minimal UI components that look damn near close to an experienced designer who understands spacing, type and color.

andres

159,510 Aufrufe • vor 6 Monaten

We built a demo site so anyone can try Refero MCP It lets AI agents do real design research before generating UI, studying real product screens, user flows, patterns and more Play with it here:
0:19

We built a demo site so anyone can try Refero MCP It lets AI agents do real design research before generating UI, studying real product screens, user flows, patterns and more Play with it here:

Mike Bespalov

14,805 Aufrufe • vor 6 Monaten

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui
0:19

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui

Atai Barkai

71,895 Aufrufe • vor 5 Monaten