A cookie and tracking consent banner component for Next.js featuring a customizable card-based UI, granular category selection, and a modal dialog for user privacy preferences.
A set of status alerts featuring a dynamic glare hover effect with customizable colors, opacity, and smooth animation transitions built using Tailwind CSS and the GlareHover component.
An interactive alert badge icon built with Framer Motion that triggers a playful scale and rotation animation on hover or via imperative control methods.
A full-screen error display component designed for media players, featuring a centered card layout with dynamic error code mapping, descriptive text, and optional action buttons.
A full-width dismissible banner component featuring a primary background, customizable content slots, icon support, and an optional close button for displaying contextual messages or notifications.
A compact, gradient-styled notification banner featuring an emoji, descriptive text, and dual call-to-action links for urgent announcements and time-sensitive alerts.
A full-width, gradient-styled banner component featuring a bold headline, descriptive text with highlighted phrases, and dual call-to-action buttons for community engagement.
A warning alert component featuring a contextual icon, a bold title, and a descriptive message, styled with a distinct warning variant for highlighting cautionary information.
A destructive alert component featuring a red-themed layout with an AlertCircle icon, title, and description, designed to communicate critical error messages to the user.
A success alert component featuring a Lucide checkmark icon, a bold title, and descriptive text, styled for clear user feedback.
A flexible alert component providing contextual feedback messages with customizable variants and styles, built for clear communication of status or warnings within a user interface.
A versatile note or alert component featuring customizable intents, optional status icons, and a grid-based layout with backdrop blur effects for displaying contextual information or warnings.
A UX4G-compliant contextual feedback alert component featuring eight distinct color themes, optional dismissible functionality with a close button, and support for inline icons and typography integration.
A top-of-screen announcement banner featuring gradient backgrounds, icon support, and a fluid spring-based morph animation that transforms the bar into a confirmation pill upon interaction.
A flexible, accessible alert component featuring compound parts for titles and descriptions, motion-based animations, semantic color variants, and support for both inline rendering and portal-based toast behavior.
A top-of-page announcement banner featuring multiple color tones, an optional dismiss button, and built-in localStorage persistence to remember user dismissal state.
A versatile MDX-style callout component featuring five semantic variants (info, success, warning, error, neutral) with customizable icons, border-accent styling, and theme-aware CSS variables.
A comprehensive team notification management interface featuring filtering, read/unread status tracking, relative timestamps, and action menus for individual or bulk notification handling.
A card-based billing usage management interface featuring toggle switches, notification channel badges, and action buttons for configuring and monitoring threshold-based usage alerts.
Select an Item to view its code
Choose an item from the list to view its code and files.