A modular banner section component featuring a card-based layout that integrates strip-style notifications and full-width civic-tech call-to-action banners with customizable buttons and text content.
A full-viewport coming soon landing page featuring a word-by-word animated serif headline, a pill badge, and a glowing sparkles horizon effect built with Framer Motion.
A full-viewport coming soon launch page featuring a live countdown timer, an email subscription form with inline success states, and a minimalist typography-focused design.
A live import status banner featuring a progress bar, an animated loading spinner, and a completion state with a reset button, built with Tailwind CSS and Radix UI components.
A stacked list of dismissible notification cards featuring icons, titles, and descriptive text, built with Tailwind CSS and React state management for individual removal.
A responsive email verification banner featuring a blue-themed alert layout with a state-switching 'Resend email' button that updates to a 'Email sent' confirmation upon interaction.
A maintenance notification banner featuring an amber color scheme, a pulsing status indicator dot, a wrench icon, and a link to a status page.
An expandable release notes banner featuring a collapsible list of feature highlights, icon-based items, and a call-to-action button, built with Tailwind CSS and smooth grid-based height transitions.
A full-width announcement banner featuring a vibrant multi-color gradient background, a 'New' pill-shaped badge, and an arrow icon with a hover-triggered translation animation.
A dismissible notification banner featuring an icon, descriptive text, and dual action buttons for update management, built with a responsive flex layout and Tailwind CSS.
A dismissible notification banner featuring an icon, descriptive text, and a close button, with a state-managed restore link that reappears when the banner is hidden.
Select an Item to view its code
Choose an item from the list to view its code and files.