Tools I use.
Stage by stage.

Tracks how users actually move through a product, where they drop offglossary×Drop-offDrop-off refers to users leaving a journey before completing a desired action or reaching the next step.Open glossary term→, and which paths leadglossary×LeadA lead is a potential customer who has shown interest in a product or service, typically by providing contact information or engaging with content.Open glossary term→ to conversionglossary×ConversionA conversion is any action a user takes that aligns with a defined goal, such as making a purchase, signing up, or completing a task.Open glossary term→. It’s the baseline for understanding behaviour at scale and spotting where things are breaking down.

Captures detailed user sessionsglossary×SessionA session is a single period of user interaction with a product, from entry to exit within a defined timeframe.Open glossary term→ along with technical signalsglossary×SignalsSignals are data points or triggers that indicate changes in user behaviour, context, or external factors.Open glossary term→, making it easier to understand both behaviourglossary×BehaviourBehaviour refers to how users interact with a system, including actions, patterns, and responses.Open glossary term→ and underlying issues, especially in more complex products.

Adds a visual layer through session recordingsglossary×Session RecordingSession recording captures user interactions within a product for later analysis.Open glossary term→ and heatmapsguide×HeatmapsVisualising aggregated user interaction to see where people click, focus, and scroll on a page.Open guide→, making it easy to see confusion, hesitation, and frictionglossary×FrictionFriction refers to anything that slows users down or makes it harder for them to complete a task. It can be caused by poor design, unnecessary steps, unclear messaging, or technical issues.Open glossary term→ in real user behaviour rather than guessing from data alone.

Event-based product analytics that helps break down journeys, funnelsglossary×FunnelA funnel represents the stages users go through from initial interaction to completing a goal, showing how many progress or drop off at each step.Open glossary term→, retentionglossary×RetentionRetention measures how well a product keeps users over time by continuing to deliver value. It is a key indicator of product success and long-term viability.Open glossary term→, and segmentationglossary×SegmentationDividing users into groups based on shared characteristics or behaviour.Open glossary term→ in more depth than standard reporting.

Combines heatmapsguide×HeatmapsVisualising aggregated user interaction to see where people click, focus, and scroll on a page.Open guide→, recordings, and feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→ tools into one place. Good for quickly validating behaviourglossary×BehaviourBehaviour refers to how users interact with a system, including actions, patterns, and responses.Open glossary term→ and getting a directional view of what users are doing.

Product analytics platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ built for understanding behavioural patternsglossary×PatternA reusable solution to a common design problem.Open glossary term→ at scale, especially across journeys, cohorts, and featureglossary×FeatureA feature is a specific piece of functionality within a product that delivers value to users. It represents something users can do or experience as part of the overall product.Open glossary term→ usage.

Focuses on visual click trackingguide×Click TrackingMeasuring clicks on specific elements to understand engagement, performance, and missed opportunities.Open guide→ and interactionglossary×InteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term→ patternsglossary×PatternA reusable solution to a common design problem.Open glossary term→, helping highlight what users are actually engaging with versus what was intended.

Combines session replayglossary×Session RecordingSession recording captures user interactions within a product for later analysis.Open glossary term→, event trackingglossary×Event TrackingEvent tracking is the process of capturing specific user actions within a system for analysis.Open glossary term→, and funnel analysisguide×Funnel AnalysisTracking how users move through a journey to identify drop-off points and conversion opportunities.Open guide→, making it a useful middle ground between analytics and visual behaviour tools.

Flexible survey tool that makes it easy to collect structured feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→ without creating frictionglossary×FrictionFriction refers to anything that slows users down or makes it harder for them to complete a task. It can be caused by poor design, unnecessary steps, unclear messaging, or technical issues.Open glossary term→ for users, especially in live products.

Helps organise and analyse qualitative researchglossary×Qualitative ResearchQualitative research explores user behaviours, motivations, and experiences through non-numerical data.Open glossary term→, making it easier to turn interviews and feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→ into clear, usable insightglossary×InsightAn insight is a meaningful understanding that explains why something is happening and what it means.Open glossary term→.

More traditional survey platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→, suited for larger-scale quantitative researchglossary×Quantitative ResearchQuantitative research focuses on numerical data to measure behaviours and patterns.Open glossary term→ and more formal dataglossary×DataData is raw information collected and stored for analysis, processing, or decision-making.Open glossary term→ collection.

Enterprise researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→ and survey platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ with strong capabilitiesglossary×CapabilityCapability refers to an organisation’s ability to perform a specific function or deliver a particular outcome.Open glossary term→ for large-scale feedback, segmentation, and analysis.

Useful for in-product feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→ and intercept surveysguide×SurveysCollecting structured feedback at scale to understand user attitudes, sentiment, and self-reported behaviour.Open guide→ as well as heatmapsguide×HeatmapsVisualising aggregated user interaction to see where people click, focus, and scroll on a page.Open guide→ and recordings, making it a practical bridge between behaviour and direct user input.

In-product researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→ tool for surveysguide×SurveysCollecting structured feedback at scale to understand user attitudes, sentiment, and self-reported behaviour.Open guide→ and feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→ collection, useful when you need quick insight from live users in context.

Conversation intelligence platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ that helps teams analyse sales and support calls at scale to surface recurring themes and customer language.

Used to design flows, wireframes, and prototypesglossary×PrototypeA prototype is an early version of a product used to test ideas, interactions, and concepts.Open glossary term→, turning insightglossary×InsightAn insight is a meaningful understanding that explains why something is happening and what it means.Open glossary term→ into something tangible that can be tested, refined, and shared.

Specialised tool for presenting user flowsglossary×User FlowThe steps users take within a system to complete a task.Open glossary term→ clearly, making it easier to communicate journeys and interactionsglossary×InteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term→ to others.

Supports early-stage thinking, mapping, and collaboration, helping teams align before moving into more detailed design work.

Collaborative visual workspace for workshops, mapping, and team alignmentglossary×AlignmentAlignment is the shared understanding and agreement between teams, stakeholders, and objectives.Open glossary term→ across journeys, systemsglossary×SystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term→, and ideas.

More structured diagramming tool, often used for systemsglossary×SystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term→, processesglossary×ProcessA process is a defined sequence of steps used to achieve a specific outcome.Open glossary term→, and technical flows that need clarityglossary×ClarityClarity is how easily users can understand what is happening and what they need to do.Open glossary term→ and consistency.

Practical diagramming tool for flows, systemsglossary×SystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term→, and structures when speed and clarityglossary×ClarityClarity is how easily users can understand what is happening and what they need to do.Open glossary term→ matter more than polish.

Designed for workshops and collaborative sessionsglossary×SessionA session is a single period of user interaction with a product, from entry to exit within a defined timeframe.Open glossary term→, particularly useful for mapping journeys and aligning multiple stakeholdersglossary×StakeholderA stakeholder is any individual or group with an interest in a product, project, or outcome, including internal teams and external parties.Open glossary term→.

Powerful tool for building detailed flows and logic-heavy prototypesglossary×PrototypeA prototype is an early version of a product used to test ideas, interactions, and concepts.Open glossary term→, especially when interactionsglossary×InteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term→ need more depth.

Useful for quickly exploring implementation options, pressure-testing flows, and accelerating iterationglossary×IterationIteration is the process of repeatedly improving a product through cycles of testing, feedback, and refinement.Open glossary term→ when ideas need to move from concept into working product.

Enables rapid testing of prototypesglossary×PrototypeA prototype is an early version of a product used to test ideas, interactions, and concepts.Open glossary term→ with clear metrics, helping validate ideas quickly without needing full usabilityglossary×UsabilityUsability is how easy and efficient it is for users to complete tasks within a product. It focuses on clarity, simplicity, and reducing effort so users can achieve their goals without confusion or friction.Open glossary term→ sessionsglossary×SessionA session is a single period of user interaction with a product, from entry to exit within a defined timeframe.Open glossary term→.

Useful for working through implementation detail, structuring technical thinking, and accelerating iterationglossary×IterationIteration is the process of repeatedly improving a product through cycles of testing, feedback, and refinement.Open glossary term→ when product ideas need to be tested in code.

Supports moderated researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→ sessionsglossary×SessionA session is a single period of user interaction with a product, from entry to exit within a defined timeframe.Open glossary term→, allowing deeper exploration through live observationglossary×ObservationObservation is a research method where user behaviour is watched and analysed without interference.Open glossary term→ and follow-up questions.

Helpful for turning ideas into prototypesglossary×PrototypeA prototype is an early version of a product used to test ideas, interactions, and concepts.Open glossary term→ that can be tested quickly, shared easily, and refined before development effort increases.

Combines unmoderated testingglossary×Unmoderated TestingUnmoderated testing is a usability testing method where users complete tasks independently without a facilitator.Open glossary term→ and interviews, offering flexibility depending on the type and depth of researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→ needed.

Supports quick validation methods like first-click and preference testingguide×Preference TestingComparing options with users to understand which they prefer and why before committing to a direction.Open guide→, useful for early-stage directional feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→.

Provides access to a broad user base and recorded sessionsglossary×SessionA session is a single period of user interaction with a product, from entry to exit within a defined timeframe.Open glossary term→, making it easier to scale usability testingguide×Usability TestingObserving users complete tasks to identify usability issues, friction, and barriers to success.Open guide→ and gather diverse feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→.

Useful for spotting frictionglossary×FrictionFriction refers to anything that slows users down or makes it harder for them to complete a task. It can be caused by poor design, unnecessary steps, unclear messaging, or technical issues.Open glossary term→, hesitation, and missed opportunities through recordings, heatmapsguide×HeatmapsVisualising aggregated user interaction to see where people click, focus, and scroll on a page.Open guide→, and on-page feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→.

Experimentation platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ that supports A/B testingguide×A/B TestingComparing live variations with controlled experiments to identify which design or content change performs better.Open guide→ alongside behavioural insightsglossary×InsightAn insight is a meaningful understanding that explains why something is happening and what it means.Open glossary term→, helping teams optimise with confidence.

Strong for event-based analysis, funnelsglossary×FunnelA funnel represents the stages users go through from initial interaction to completing a goal, showing how many progress or drop off at each step.Open glossary term→, and retentionglossary×RetentionRetention measures how well a product keeps users over time by continuing to deliver value. It is a key indicator of product success and long-term viability.Open glossary term→ patternsglossary×PatternA reusable solution to a common design problem.Open glossary term→ when you need to understand where optimisation work will have the biggest impact.

Strong product analytics platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ for understanding behaviourglossary×BehaviourBehaviour refers to how users interact with a system, including actions, patterns, and responses.Open glossary term→, retentionglossary×RetentionRetention measures how well a product keeps users over time by continuing to deliver value. It is a key indicator of product success and long-term viability.Open glossary term→, and journey performance when optimisation decisions need deeper evidence.

Enterprise experimentation platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ for testing, personalisation, and structured optimisationglossary×OptimisationOptimisation is the process of improving a product or journey to increase performance, usability, or conversion.Open glossary term→ when changes need stronger validation.

Privacy-focused testing platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→, often used where dataglossary×DataData is raw information collected and stored for analysis, processing, or decision-making.Open glossary term→ compliance and control are a priority.

Detailed session replayglossary×Session RecordingSession recording captures user interactions within a product for later analysis.Open glossary term→ and behavioural analysis tool that helps connect optimisationglossary×OptimisationOptimisation is the process of improving a product or journey to increase performance, usability, or conversion.Open glossary term→ opportunities to real user frictionglossary×FrictionFriction refers to anything that slows users down or makes it harder for them to complete a task. It can be caused by poor design, unnecessary steps, unclear messaging, or technical issues.Open glossary term→.

Showcases high-end digital design and interactionsglossary×InteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term→. Useful for inspiration, but more importantly for understanding where expectations are heading.

A curated libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ of real product screens and flows, useful for quickly understanding how common patternsglossary×PatternA reusable solution to a common design problem.Open glossary term→ are solved across different apps and platformsglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→.

Broad and fast-moving source of visual inspiration across multiple disciplines, not limited to digital products.

A collection of landing page designs that helps identify layoutglossary×LayoutLayout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences readability, usability, and overall experience.Open glossary term→ patternsglossary×PatternA reusable solution to a common design problem.Open glossary term→, content structuresservice×Information ArchitectureImprove navigation, content structure, and findability so users can understand where things are and how to move through them.Open service→, and visual approaches across industries.

More detailed case studies and design work, often showing processglossary×ProcessA process is a defined sequence of steps used to achieve a specific outcome.Open glossary term→ as well as final output. Good for deeper inspiration.

Curated web inspiration with a stronger quality filter, useful when you want sharper references rather than endless volume.

Large volume of visual concepts and UI ideas. Useful for quick inspiration, but quality and practicality can vary significantly.

Well-curated gallery of modern website design, useful for spotting layoutglossary×LayoutLayout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences readability, usability, and overall experience.Open glossary term→, interactionglossary×InteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term→, and visual direction across industries.

Large collection of landing page references that helps with structure, content patternsglossary×PatternA reusable solution to a common design problem.Open glossary term→, and visual approaches for conversionglossary×ConversionA conversion is any action a user takes that aligns with a defined goal, such as making a purchase, signing up, or completing a task.Open glossary term→-focused pages.

Useful for studying complete user flowsglossary×User FlowThe steps users take within a system to complete a task.Open glossary term→ and screen sequences across real products rather than isolated single screens.

Component libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ I use when speed, consistencyglossary×ConsistencyConsistency is the use of uniform patterns, behaviours, and visual elements across a product to create familiarity and predictability. It helps users learn once and apply that knowledge throughout the experience.Open glossary term→, and scalabilityglossary×ScalabilityScalability is the ability of a system to handle increased demand without losing performance.Open glossary term→ matter. Strong for structured product work where you need reliable building blocks without losing too much flexibility.

Component-based frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ focused on speed and accessibilityservice×AccessibilityFind accessibility issues early, improve usability, and build products that are more inclusive, usable, and compliant.Open service→. Useful for quick buildsglossary×BuildA build is the process of compiling and packaging code into a runnable application.Open glossary term→, though I generally prefer the structure and flexibility of MUI.

Long-standing UI frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ that helps teams move quickly, especially for standard layoutsglossary×LayoutLayout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences readability, usability, and overall experience.Open glossary term→ and admin-style interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→. Useful, but it can feel generic if it is not customised properly.

Comprehensive component libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ aimed at enterprise products. Strong for complex interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→, though visually it can feel opinionated out of the box.

Utility-first frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ that gives more visual control at implementation level. Powerful in the right hands, but it needs discipline or things get messy fast.

Core frontendglossary×FrontendThe frontend is the part of a system that users interact with directly, including interfaces and visual elements.Open glossary term→ libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ for building modular, reusable interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→. Flexible enough for complex products and widely supported across modern stacks.

Frontendglossary×FrontendThe frontend is the part of a system that users interact with directly, including interfaces and visual elements.Open glossary term→ frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ with a gentler learning curve and strong developerglossary×DeveloperA developer builds and maintains the technical implementation of a product.Open glossary term→ experience. A solid choice, especially for smaller teams or lighter applications.

Frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ I use for building production-ready React applications with routing, structure, and performanceglossary×PerformancePerformance refers to how quickly and efficiently a system responds to user actions and processes tasks.Open glossary term→ handled properly from the start.

Frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ built on Vue that adds routing, structure, and application-level featuresglossary×FeatureA feature is a specific piece of functionality within a product that delivers value to users. It represents something users can do or experience as part of the overall product.Open glossary term→ in a similar way to Next.js.

Lightweight frontendglossary×FrontendThe frontend is the part of a system that users interact with directly, including interfaces and visual elements.Open glossary term→ frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ that can produce very fast interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→ with less code. Interesting, but not as common in larger product environments.

Full frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ with strong conventions and enterprise adoption. Powerful, but heavier than I would usually want for most product work.

Core backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→ environmentglossary×EnvironmentA specific setup where software runs, such as development, staging, or production.Open glossary term→ for running servicesglossary×ServiceA service is a component or function that performs a specific task within a system.Open glossary term→, handling data, and scaling applications. Reliable, flexible, and fits well with modern product architectures.

Used for running backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→ logic without managing servers. Ideal for handling events, automationglossary×AutomationAutomation is the use of technology to perform tasks with minimal human intervention.Open glossary term→, and lightweight processing.

NoSQL database for storing and syncing dataglossary×DataData is raw information collected and stored for analysis, processing, or decision-making.Open glossary term→ in real time. Works well for products that need speed and flexibility without heavy schema constraintsglossary×ConstraintsConstraints are limitations or restrictions that impact how a product or solution can be designed or built.Open glossary term→.

Open-source alternative to Firebase with a more structured, SQL-based approach. Useful when you want more control over your dataglossary×DataData is raw information collected and stored for analysis, processing, or decision-making.Open glossary term→.

Backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→-as-a-serviceglossary×ServiceA service is a component or function that performs a specific task within a system.Open glossary term→ platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ that simplifies authentication, databases, and hosting. Good for rapid builds, but can become limiting at scale.

Comprehensive cloudglossary×CloudCloud refers to the delivery of computing services such as storage, processing, and networking over the internet.Open glossary term→ platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ with a huge range of servicesglossary×ServiceA service is a component or function that performs a specific task within a system.Open glossary term→. Extremely powerful, but often more complex than needed for most product work.

Runtime for building backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→ servicesglossary×ServiceA service is a component or function that performs a specific task within a system.Open glossary term→ using JavaScript. Flexible and widely used, especially in full-stackglossary×StackA stack is the combination of technologies used to build and run a system.Open glossary term→ JavaScript environments.

Lightweight backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→ capabilitiesglossary×CapabilityCapability refers to an organisation’s ability to perform a specific function or deliver a particular outcome.Open glossary term→ alongside frontendglossary×FrontendThe frontend is the part of a system that users interact with directly, including interfaces and visual elements.Open glossary term→ hosting. Useful for simpler use cases and tightly coupled frontend apps.

Used for generating product content, refining copy, structuring ideas, and speeding up thinking. Works best when guided properly rather than treated as a one-click solution.

Image generation tool integrated into broader workflowsglossary×WorkflowA workflow is a defined sequence of tasks or steps required to complete a process.Open glossary term→. Good for quick visuals, though less flexible than Midjourney for exploration.

Fast, researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→-driven AI that pulls in real sources. Useful for getting up to speed quickly and validating assumptions without digging through multiple tabs.

AI-powered video and media tools, useful for generating and editing visual content quickly.

Image generation tool used for concept exploration, visual direction, and early-stage creative thinking rather than final assets.

AI avatar and video generation tool, useful for creating quick presentations or content without full production setup.

Strong at structured thinking, longer-form content, and reasoning-heavy tasks. Useful when clarityglossary×ClarityClarity is how easily users can understand what is happening and what they need to do.Open glossary term→ and depth matter more than speed.

Google’s AI ecosystem, useful when working across documents, searchglossary×SearchSearch is the functionality that allows users to find content or information by entering queries. It relies on indexing, metadata, and relevance algorithms to return useful results.Open glossary term→, and integrated workflowsglossary×WorkflowA workflow is a defined sequence of tasks or steps required to complete a process.Open glossary term→.

Massive icon libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ with broad coverage. Useful when you need range, though it can feel visually inconsistent depending on what you pick.

Simple, well-made icon collection used heavily in modern web products. A solid default, especially in Tailwind-based buildsglossary×BuildA build is the process of compiling and packaging code into a runnable application.Open glossary term→.

Google’s icon collection built around Material Design patternsglossary×Design PatternA standardised approach to solving recurring design challenges.Open glossary term→. Useful in the right contextglossary×ContextThe surrounding conditions that shape behaviour and decisions.Open glossary term→, especially for more systemglossary×SystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term→-led interfaces.

Flexible icon collection with multiple weights and styles. Good when you need a bit more personality without going too far.

Straightforward open-source icon set that fits well with practical product and dashboard work without overcomplicating things.

Large open-source icon set with a clean, consistent visual style suitable for product and dashboard work.

Material-aligned icon set packaged for MUI projects, useful when you want consistencyglossary×ConsistencyConsistency is the use of uniform patterns, behaviours, and visual elements across a product to create familiarity and predictability. It helps users learn once and apply that knowledge throughout the experience.Open glossary term→ across interfaceglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→ components and icons.

Clean, lightweight icon collection that works well in modern interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→ without feeling overdesigned.

The main font collection I use when I need flexible, web-friendly typography that is easy to implement and widely supported.

Free font collection with some genuinely strong options for digital products and brand work.

Strong premium font collection with a broader range of higher-end type choices. Useful when the brand needs something more distinctive.

Useful as a typography reference point for seeing pairings, hierarchyglossary×HierarchyHierarchy is the organisation of elements to show importance and guide user attention.Open glossary term→, and real-world usage rather than as a font source itself.

Reference libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ for seeing how typefaces are used in real projects, which is often more useful than browsing font lists in isolation.