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

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

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.show more

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.show more

Open Design System Repository Discover 40+ open design systems... that come with UI kits for Figma.show more

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.show more

Introducing support for Design Systems in Bolt Now Bolt... uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇show more

finally, AI will be fluent in your design systems... and components ...and be able to design and code just like *you* our biggest launch ever coming up - reserve your spot below:show more

📐Design Systems and DESIGN.md Consistency using Design Systems and... DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)show more

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?show more

We finally have a "Figma for AI agents." It's... called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.show more

just updated ui-skills: It's now a collection of the... best skills for design engineeringshow 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

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 Hatzisshow more

I’m excited to share HOF Studio’s new home. we’re... the crypto-native design partner of some of crypto’s best. we help startups launch faster with branding, decks, product UI/UX, and web design. fast, strategic, and effective designshow more

Open Design 0.8.0 turns assets, systems, prototypes, exports, and... workflows into portable plugins agents can use. From dragging things around to composing capabilities. Open Design 0.8.0 is out now.show more

This is one of the best animations in all... of Sparking Zero. We can even see, for a moment, the best Goku design in the entire game. The level of visual fidelity they achieved with the Dragon Ball Z design is an absolute marvel.show more

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. 🧵 ⤵show more

Must-know open-source tools for coders and makers - open... source library of 30 toggles - react gamification ui components - saas starter kit nextjs + tanstack - open source google analytics/ mixpanel alternative - design engineered data visualization componentsshow more

Get you an architect who understands MEP well enough... that they make models like this as part of the design process 💪 Leaving duct layout or system design to the subs to figure out during construction leads to substandard systems and butchered design!show more

Go from design to Compose UI code with Gemini!... ⬆️ Upload image of app UI screen ↪️ Use the prompt in the blog ↪️ Copy output into Android Studioshow more