A controlled time input component using @internationalized/date that allows users to select and display specific hours and minutes with a label and input field.
A disabled disclosure component that prevents user interaction, featuring a trigger button and a hidden panel for displaying static content.
A responsive grid demonstration of tooltips positioned at various placements including top, bottom, left, right, start, and end, built with React Aria Components and shadcn UI.
A dynamic progress meter component featuring a label, percentage value display, and a visual track bar that updates in real-time to represent storage or task completion status.
A progress meter component featuring customizable decimal formatting for precise value display, including a label, header, and track, built with accessible UI primitives.
A clean, responsive card component featuring a header with title and description, a content area for text, and a footer with an integrated action button.
A declarative UI renderer that dynamically generates interactive components like forms, buttons, and cards from agent tool outputs using shadcn/ui primitives.
A composable notification panel featuring a header, list items with media icons, descriptive text, timestamps, and an accent-colored unread status indicator.
A responsive grid of dashboard shortcut tiles featuring icons, labels, and descriptions, built with composable components that support button or link interactions.
A weather dashboard widget that fetches and displays real-time forecast data from Home Assistant, featuring dynamic weather icons, configurable refresh intervals, and optional metrics like humidity and wind speed.
A container component featuring a subtle glassmorphism aesthetic with a dynamic glowing shadow effect that intensifies on hover, built with Tailwind CSS for a modern, interactive UI.
Select an Item to view its code
Choose an item from the list to view its code and files.