Resources
Bookmarks
A personal library of useful links, references, and digital resources
Design Inspiration
Mobbin
Browse real-world mobile and web design patterns from top apps.
One of the fastest ways to study current UI patterns across industries.
Godly
Curated gallery of the best web design inspiration, updated regularly.
Great for landing page and marketing site references.
Lapa Ninja
Hand-picked landing page designs from around the web.
Useful when exploring hero sections and page layout ideas.
Savee.it
Visual bookmarking tool with curated design collections.
Perfect for building mood boards and visual research libraries.
Typography
Typewolf
Font recommendations and typography inspiration from real websites.
Helps you discover font pairings that actually work in production.
Fontjoy
AI-powered font pairing generator with live preview.
Quick way to explore unexpected but harmonious type combinations.
Type Scale
Visual calculator for building a typographic scale for the web.
Essential for setting consistent heading and body size ratios.
Fonts In Use
Archive of typography in real-world design projects and publications.
Great for studying how typefaces behave in context.
Product Design
Growth.Design
Product psychology case studies presented as visual comic strips.
Makes complex UX psychology easy to understand and remember.
Nielsen Norman Group
Research-based UX guidance from the pioneers of usability.
The gold standard for evidence-based design decisions.
Strategyzer
Business model canvas and value proposition design tools.
Helps designers connect interface work to business strategy.
Laws of UX
Collection of UX principles and psychological laws for designers.
Quick reference for making research-backed design choices.
Frontend & UI Engineering
CSS-Tricks
In-depth articles, guides, and tutorials on modern CSS and front-end techniques.
One of the most comprehensive CSS learning resources available.
Tailwind CSS Docs
Official documentation for the utility-first CSS framework.
The fastest way to build consistent, responsive interfaces.
Smashing Magazine
Professional articles on web design, development, and UX.
Covers the intersection of design and engineering deeply.
Josh W. Comeau's Blog
Interactive visual explanations of CSS and React concepts.
Makes complex frontend concepts feel approachable and fun.
Motion & Interaction
Framer Motion Docs
Official documentation for the React animation library.
The go-to library for production-ready React animations.
Easings.net
Visual reference for common easing curves used in animation.
Helps you pick the right timing function for any transition.
Lottie Files
Library of lightweight, scalable animations for web and mobile.
Makes it easy to add polished micro-interactions without heavy assets.
AI Tools
Lovable
AI-powered full-stack app builder for rapid prototyping and production.
Build real applications from natural language descriptions.
v0 by Vercel
AI UI generation tool for creating React components from prompts.
Quick way to scaffold UI components and explore layout ideas.
Galileo AI
AI-powered UI design generation from text descriptions.
Useful for rapid concept exploration and design ideation.
Figma Resources
Figma Community
Open design files, plugins, and templates shared by the community.
Best place to find free design systems, icons, and UI kits.
Untitled UI
One of the largest open-source design systems for Figma.
Great starting point for building consistent product interfaces.
Stark Plugin
Accessibility checker and contrast tool built into Figma.
Catch accessibility issues early in the design process.
Case Studies
Refactoring UI
Practical design tips from the creators of Tailwind CSS.
Teaches design thinking through real before-and-after examples.
UX Collective
Curated stories on user experience, visual, and product design.
High-quality case studies from working designers worldwide.
Airbnb Design
Design stories and insights from the Airbnb design team.
Learn how a top product team approaches design at scale.
Writing & UX Writing
UX Writing Hub
Resources, courses, and guides for writing better interface copy.
Helps designers write clear, human-centered microcopy.
Hemingway Editor
Tool that highlights complex sentences and suggests simpler alternatives.
Forces you to write cleaner, more readable UI text.
Google's UX Writing Guidelines
Material Design writing principles for digital interfaces.
A solid foundation for consistent, accessible interface language.