Tools I use.
Stage by stage.

What I like to use

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.

What else is out there

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 journeysglossary×Pain PointA specific problem or frustration users experience when trying to complete a task.Open glossary term→, 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 segmentation 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 journeysglossary×Pain PointA specific problem or frustration users experience when trying to complete a task.Open glossary term→, cohorts, and feature 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.

What I like to use

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.

What else is out there

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.

What I like to use

Used to design flowsglossary×DelightMoments that exceed user expectations.Open glossary term→, 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.

What else is out there

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 journeysglossary×Pain PointA specific problem or frustration users experience when trying to complete a task.Open glossary term→ 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.

Collaborative visual workspace for workshops, mapping, and team alignmentglossary×KPI (Key Performance Indicator)A KPI is a measurable value used to track progress towards a specific business objective.Open glossary term→ across journeysglossary×Pain PointA specific problem or frustration users experience when trying to complete a task.Open glossary term→, 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 flowsglossary×DelightMoments that exceed user expectations.Open glossary term→ that need clarity and consistency.

Practical diagramming tool for flowsglossary×DelightMoments that exceed user expectations.Open glossary term→, 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 journeysglossary×Pain PointA specific problem or frustration users experience when trying to complete a task.Open glossary term→ 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 flowsglossary×DelightMoments that exceed user expectations.Open glossary term→ 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.

What I like to use

Useful for quickly exploring implementation options, pressure-testing flowsglossary×DelightMoments that exceed user expectations.Open glossary term→, 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.

What else is out there

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

What I like to use

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

What else is out there

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

What I like to use

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.

What else is out there

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 flowsglossary×DelightMoments that exceed user expectations.Open glossary term→, useful for quickly understanding how common patternsglossary×PatternA reusable solution to a common design problem.Open glossary term→ are solved across different apps and platforms.

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.

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.

What I like to use

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.

What else is out there

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.

What I like to use

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.

What else is out there

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.

What I like to use

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.

What else is out there

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.

What I like to use

What else is out there

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.

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

What I like to use

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.

What else is out there

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.

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.

What I like to use

What else is out there

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.