An interactive uptime monitor dashboard featuring a geographic map visualization of edge network nodes with real-time health, latency, and status indicators in a sidebar.
A versatile status badge component featuring eight distinct states with corresponding icons and color schemes, supporting three size variants and custom label overrides for flexible UI integration.
A collection of toggle buttons demonstrating various sizes and styles, featuring icon-based and text-based states with interactive selection feedback.
A toggle component featuring custom intent variants for outline and plain styles, utilizing a render prop pattern to dynamically update button text based on the selection state.
A simple toggle button component with a disabled state, built using shadcn UI primitives to provide a non-interactive, visually muted toggle control.
An uncontrolled switch component with a label and description, designed for toggling binary states like dark mode using a field-based layout.
A simple, lightweight UI badge component used to display status labels, tags, or small notifications with customizable variants and rounded styling.
A collection of status-based note components featuring distinct visual styles for info, warning, danger, and success states, designed for clear user feedback and messaging.
A collection of interactive toast notifications using the Sonner library, featuring success, error, warning, info, and promise-based loading states triggered by button clicks.
A vertical separator component used to visually divide content or layout elements, featuring a customizable height and orientation built with Tailwind CSS.
A visual activity tracker component that displays a series of color-coded status blocks representing chronological events or deployment history, designed for clean data visualization without tooltips.
A status tracker component that visualizes a series of events or deployments over time using color-coded blocks with tooltips to indicate success, error, or warning states.
Select an Item to view its code
Choose an item from the list to view its code and files.