Loading video...

Video Failed to Load

Go Home

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

101babich's profile picture

Nick Babich

24,400 subscribers

78,551 views • 2 years ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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
0:10

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

Nick Babich

71,556 views • 2 years ago

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

266,971 views • 2 years ago

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 views • 2 years ago

We translated the endurance of competitive hot dog eating into a game by prompting Gemini to “Create a HTML, CSS, Javascript hot dog eating contest game. Game mechanics is user needs to click super fast to eat each hotdog. Add a glass of water to help digest and allowing for faster eating when a user eats too many hotdogs. Timer is 1 minute.“ The Google Gemini App built the game mechanics in a single prompt, so the rest of our vibe coding focused on refining UI design with Gemini. Play here:
0:19

We translated the endurance of competitive hot dog eating into a game by prompting Gemini to “Create a HTML, CSS, Javascript hot dog eating contest game. Game mechanics is user needs to click super fast to eat each hotdog. Add a glass of water to help digest and allowing for faster eating when a user eats too many hotdogs. Timer is 1 minute.“ The Google Gemini App built the game mechanics in a single prompt, so the rest of our vibe coding focused on refining UI design with Gemini. Play here:

Google AI

31,465 views • 1 year ago

The past months have been wild—Origin UI grew from a tweet to a collection of 400+ components. You've asked us not to stop, and we won't. We've got amazing things lined up for 2025. Now, it’s time to take a short break to come back stronger. Merry Christmas, and see you soon ✨
0:16

The past months have been wild—Origin UI grew from a tweet to a collection of 400+ components. You've asked us not to stop, and we won't. We've got amazing things lined up for 2025. Now, it’s time to take a short break to come back stronger. Merry Christmas, and see you soon ✨

Pasquale Vitiello

27,731 views • 1 year ago

In the last 4 years – my products have generated $10M+ in sales. All because I use a “Million-Dollar” checklist to identify scalable winners. Today, you can have the exact checklist I use – for FREE. Just Like + Comment “Checklist” and I’ll DM it to you. Must be following
0:10

In the last 4 years – my products have generated $10M+ in sales. All because I use a “Million-Dollar” checklist to identify scalable winners. Today, you can have the exact checklist I use – for FREE. Just Like + Comment “Checklist” and I’ll DM it to you. Must be following

The Ecom Guy

183,726 views • 3 years ago

My secret to guaranteeing a sales funnel converts? A foolproof checklist ✅ And today, I’m giving away the EXACT checklist I use every time I build a sales funnel for a client. Like this and comment “funnel”, and I’ll send it to you for free. (Must be following so I can DM)
0:11

My secret to guaranteeing a sales funnel converts? A foolproof checklist ✅ And today, I’m giving away the EXACT checklist I use every time I build a sales funnel for a client. Like this and comment “funnel”, and I’ll send it to you for free. (Must be following so I can DM)

Molly Lye 🤓

33,483 views • 3 years ago

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 🦄🦓

85,824 views • 2 months ago

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,067 views • 2 years ago

Hey #webflow community, here's a free Webflow SEO checklist we put together for you! ✅✅ 16 pages of actionable #SEO tips that you can use instantly to help you rank #1 on Google. Just reply "Webflow SEO" and get it in your inbox for FREE 📨📨 (must follow to get a DM)
0:10

Hey #webflow community, here's a free Webflow SEO checklist we put together for you! ✅✅ 16 pages of actionable #SEO tips that you can use instantly to help you rank #1 on Google. Just reply "Webflow SEO" and get it in your inbox for FREE 📨📨 (must follow to get a DM)

Flowout

18,056 views • 3 years ago

Phase 1 of Router Chain's Gamified Testnet Mandara is now LIVE! Whether you're a Builder/User/Degen/Router's Partner/Validator, there's something in store for each one of you! Create and Mint a little 'YOU' to get ready for the upcoming Phase 2! 1/
0:20

Phase 1 of Router Chain's Gamified Testnet Mandara is now LIVE! Whether you're a Builder/User/Degen/Router's Partner/Validator, there's something in store for each one of you! Create and Mint a little 'YOU' to get ready for the upcoming Phase 2! 1/

Router Protocol

73,531 views • 3 years ago

✨ 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

324,916 views • 2 years ago

Making a camera for everyone directly impacts the position of its controls. With MBL, we leave that choice to the user. The UI is fully reorderable, and you can customise the physical button too. Where do you place your most-used controls on a camera?
0:14

Making a camera for everyone directly impacts the position of its controls. With MBL, we leave that choice to the user. The UI is fully reorderable, and you can customise the physical button too. Where do you place your most-used controls on a camera?

Nuevo.Tokyo™

37,119 views • 2 months ago

Place a $5+ entry to get the shot of a lifetime. Every day from the start of the NBA Playoffs to the end, a PrizePicks user will get the chance to win $1,000,000! ❤️ this tweet and we’ll send you a reminder to make your picks.
0:15

Place a $5+ entry to get the shot of a lifetime. Every day from the start of the NBA Playoffs to the end, a PrizePicks user will get the chance to win $1,000,000! ❤️ this tweet and we’ll send you a reminder to make your picks.

PrizePicks

33,679,993 views • 3 years ago

the up & down look, the focus, the smirk? i firmly believe that user janeeyeh just visualized 5 kids, 4 cars, a dog & a cat, and a blueprint of their mansion with user supassarat. thank you for coming to my ted talk.
0:11

the up & down look, the focus, the smirk? i firmly believe that user janeeyeh just visualized 5 kids, 4 cars, a dog & a cat, and a blueprint of their mansion with user supassarat. thank you for coming to my ted talk.

redlips.

16,376 views • 8 months ago

POV: You're a Hayha user and there's a Yeezy drop ♻️RT if you want to be one of us😉
0:15

POV: You're a Hayha user and there's a Yeezy drop ♻️RT if you want to be one of us😉

Hayha Bots

10,855 views • 3 years ago

Just created a complete tutorial on on identifying high-probability A+ trading setups. It includes the 5-step checklist, timing windows and when NOT to trade. Like + comment "TUTORIAL" and I'll DM it to you. (must be following + RT for priority)
0:18

Just created a complete tutorial on on identifying high-probability A+ trading setups. It includes the 5-step checklist, timing windows and when NOT to trade. Like + comment "TUTORIAL" and I'll DM it to you. (must be following + RT for priority)

The Trading Geek (Brad Goh)

34,263 views • 5 months ago

Alrighty, the time has come to give away frostin-ui components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇
0:11

Alrighty, the time has come to give away frostin-ui components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇

Austin Malerba

21,774 views • 1 year ago

A massive repository with end-to-end examples of AI applications with React! Together with MCP and A2A, the Agent-User Interaction Protocol (AG-UI) is the third piece that will help you build user-facing AI agents. This GitHub repository will give you access to a bunch of examples showing you how to build the following: • Real-time updates between AI and users • Shared mutable state between agents and users • Tool orchestration • Security boundaries • UI synchronization In every one of these examples, you'll get the following: • Client sends a POST request to the agent endpoint • Then listens to a unified event stream over HTTP • Each event includes a type and a minimal payload • Agents emit events in real-time • The frontend can react immediately to these events • The frontend emits events and context back to the agent Check the link in the next post:
0:19

A massive repository with end-to-end examples of AI applications with React! Together with MCP and A2A, the Agent-User Interaction Protocol (AG-UI) is the third piece that will help you build user-facing AI agents. This GitHub repository will give you access to a bunch of examples showing you how to build the following: • Real-time updates between AI and users • Shared mutable state between agents and users • Tool orchestration • Security boundaries • UI synchronization In every one of these examples, you'll get the following: • Client sends a POST request to the agent endpoint • Then listens to a unified event stream over HTTP • Each event includes a type and a minimal payload • Agents emit events in real-time • The frontend can react immediately to these events • The frontend emits events and context back to the agent Check the link in the next post:

Santiago

78,271 views • 11 months ago