A URL preview component that displays a rich card with an image, title, and description when a user hovers over a link, built using the HoverCard primitive.
A rich-content hover card triggered by an avatar button, featuring a profile summary, user bio, and join date, built with Radix UI primitives and Tailwind CSS.
A profile preview hover card featuring an avatar, descriptive text, and metadata, triggered by a link button with a delayed tooltip interaction.
An interactive hover preview component that displays rich content cards triggered by text links, featuring customizable cursor offsets, card styling, and smooth transitions for team member profiles.
A hover-triggered preview component that displays rich product information, including images and descriptions, when a user interacts with a text link.
An interactive hover preview component that displays rich project details, including images and descriptions, when hovering over specific text links within a paragraph.
A contextual hover preview component that displays rich media cards with images and text when hovering over specific text links, providing an interactive way to surface additional information.
A context-driven hover preview component that displays a floating card with an image, title, and subtitle, following the cursor position with configurable offsets and preloading capabilities.
A collision-aware hover card built with Radix UI and Motion, featuring spring-driven animations, delayed reveal, and focus-visible support with custom squircle-shaped corner styling.
A collision-aware hover card featuring spring-driven animations, custom trigger slots, and configurable hover-delay timing built with Radix UI and Motion.
A collision-aware hover card built with Base UI primitives, featuring spring-driven motion, delayed hover reveal, instant focus activation, and squircle-shaped corner support.
A Radix UI-powered hover card component featuring smooth entrance and exit animations, portal rendering, and customizable alignment for displaying contextual information on hover.
A gymnopédies-themed hover card component built with Base UI primitives, featuring smooth entrance and exit animations, configurable positioning, and a clean, popover-style design with Tailwind CSS styling.
A Radix UI-powered hover card component that displays rich preview content in a floating panel when a user hovers over a trigger element, featuring customizable Tailwind CSS styling.
A responsive hover card component built with Kobalte that features smooth entrance and exit animations, customizable positioning, and a portal-based overlay for displaying rich content on hover.
A lightweight hover card component built with Base UI that displays contextual information in an animated, position-aware popup triggered by mouse interaction.
A responsive hover card component built with Base UI that features smooth entrance and exit animations, configurable positioning, and a clean, shadow-elevated popover design.
A link wrapper component that displays a static website preview card on hover, featuring customizable viewport dimensions, color schemes, and device scaling using Framer Motion.
A content preview component that displays an interactive card with an avatar, title, and description when a user hovers over a trigger element, built with Radix UI primitives.
Select an Item to view its code
Choose an item from the list to view its code and files.