Users can browse a curated selection of offers by clicking pagination arrows, enabling efficient discovery and decision-making.

This pattern describes a desktop web landing page, featuring a fixed navigation bar, footer, and interactive elements such as carousels, buttons, and hypertext links. It integrates animations, video, and anchor scrolling to create an engaging user experience. Notable behavior: Animation; Carrousel; Fixed on Scroll.

This pattern provides timely, relevant news and updates within the application, enhancing user awareness and engagement without interrupting core workflows.

This pattern uses a dynamic carousel of images and text to showcase product features, engaging users with interactive content and clear calls to action.

This landing page effectively guides users to download icon management software by showcasing its intuitive interface and customization features.

Users can directly edit text content in place, providing a seamless and efficient way to update information without navigating away.

This pattern uses an animated blackout modal to focus user attention on critical information or actions, ensuring clear decision-making.

This pattern allows users to quickly navigate to the top of a long list by clicking a fixed "Back to Top" button that appears on scroll.

This progress bar visually informs users about the loading status of their chats, providing a clear percentage to manage expectations during data synchronization.

This pattern allows users to seamlessly transition from a clear call-to-action button to an input field, streamlining the path to engagement.

A feature presentation tooltip, as seen in Jira, guides users through new functionalities or important updates. It often appears during onboarding or to raise awareness, utilizing tooltips with hypertext links and pagination for multi-step tours on both desktop and web interfaces.

Users can toggle high contrast mode to improve readability and accessibility, enhancing the visual experience for those with low vision.

Users can switch between list and grid views to optimize content display for their preference, enhancing readability and navigation.

Users input their email for login, then receive and enter a validation code to securely access their account.

This pattern guides users through initial setup by simulating product features, allowing them to visualize outcomes and make informed decisions before committing.

This vertical accordion allows users to efficiently reveal or hide detailed content sections, optimizing screen space and improving navigation for FAQs or contact information.

A UI pattern where a floating popover element appears adjacent to a trigger element upon a click interaction, providing additional context or actions without navigating away.

This pattern uses a modal blackout to confirm a user's intent to close an account, ensuring they understand the irreversible consequences before proceeding.

This pattern uses a persistent banner to remind users to verify their PIN, enhancing security and recall without interrupting core app functionality.

Users can effortlessly upload files by dragging them from their desktop directly into a designated drop zone within the application.

This multi-depth sidebar navigation allows users to quickly traverse complex information hierarchies, improving discoverability and reducing cognitive load.

Users can dynamically adjust the content preview area, allowing them to visualize their website across various screen sizes for optimal responsiveness and design fidelity.

This pattern uses a subtle background animation on hover to provide visual feedback, guiding users to interactive elements and enhancing discoverability.

This multi-step modal guides users through key features with clear explanations and visual cues, ensuring a smooth onboarding experience.

This pattern guides users through a multi-step onboarding or feature tour with a dismissible, paginated floating dialog, enhancing discoverability and adoption.

A top banner informs users about new design changes, offering a clear link to "Obtener más información" for those seeking further details.

Users can quickly check and manage their notifications by clicking the bell icon, revealing a dropdown with recent alerts and an option to clear them.

Desktop, Decision Making, Awareness, Web, English, Animation, Loader, Hypertext Links

This pattern offers users a clear, two-step download process, first presenting a prominent "Download" button and then a secondary, fixed-on-scroll button for consistent access.

This pattern informs users that a desktop application is downloading, providing clear instructions and a progress indicator to manage expectations and guide the next steps.

A prominent top banner informs users about new features or promotions, encouraging engagement with a clear call to action.

A modal dialog pattern requiring the user to explicitly type the name of an item to confirm its deletion, enhancing user awareness and preventing accidental data loss. Notable behavior: Text input; Button click (confirm/cancel); Modal open.

This sidebar empty state introduces new features with a clear illustration and call to action, guiding users to discover and adopt new functionalities.

This modal blackout pattern informs users about enhanced ad privacy, offering clear choices to manage settings or accept changes with distinct action buttons.

This empty state uses a humorous meme and a guiding text to playfully direct users toward the primary action button, encouraging engagement.

This pattern uses subtle animations within an email to guide users through a privacy checkup, enhancing engagement and clarity for important account actions.

This pattern uses tooltips to provide reminders or onboarding information within a store context, often including hypertext links for further action or navigation. It is primarily designed for desktop web environments to enhance user awareness.

A static tooltip on a menu provides immediate, contextual information for menu items. It typically appears on hover or focus, enhancing user understanding of an item's function or details without requiring an explicit click.

Users can easily save items to a favorites list by clicking a heart icon, even as a guest, promoting future engagement and purchases.

This pattern uses synchronized hover animations to highlight related data points across different UI elements, enhancing user awareness and decision-making.

This pattern gathers essential user contact information, including first name, surname, and email address, to facilitate account creation and future communication.

This pattern streamlines desktop app sign-in by redirecting users to a web browser for authentication, then seamlessly returning them to the application.

Users can invite up to six friends to a synchronized viewing experience, fostering shared enjoyment and social interaction around media content.

A top primary banner provides crucial, timely information and calls to action, ensuring users are immediately aware of important updates or opportunities.

This pattern presents a floating tooltip with a dim overlay, guiding users to initiate or schedule a meeting with clear options and keyboard shortcuts for efficiency.

A celebratory confetti explosion visually confirms successful user actions, enhancing positive reinforcement and delight.

This pattern allows users to toggle a colorblind-friendly mode, enhancing accessibility by adding distinct shapes to color labels for improved differentiation.

This dedicated screen ensures users explicitly confirm or deny third-party access to their LinkedIn data, promoting transparency and control over personal information.