# Afentakis UI > A component library built to the afentakis-* skill rules. Every item below is either shipped or honestly marked as not designed yet. Status is one of placeholder, wireframed, designed, verified, or generated (the two Foundations pages). ## Foundations - [Color](/components/color): Full palette and semantic tokens (generated) - [Typography](/components/typography): Type scale, weights, and text styles (generated) ## Base - [Announcement](/components/announcement): Dismissible banner for product news (placeholder) - [Avatar](/components/avatar): User photo with initials fallback (placeholder) - [Badge](/components/badge): Status labels in every accent color (placeholder) - [Breadcrumb](/components/breadcrumb): Path trail with collapsing levels (placeholder) - [Button](/components/button): Primary, secondary, and danger actions (placeholder) - [Button Group](/components/button-group): Fused row of selectable buttons (placeholder) - [Checkbox](/components/checkbox): Animated tick, card variant, two sizes (placeholder) - [Chip](/components/chip): Compact removable filter tokens, including a row layout (placeholder) - [Close Button](/components/close-button): The little x, done properly (placeholder) - [Date Picker](/components/date-picker): Popover calendar for single dates (placeholder) - [Divider](/components/divider): Single, double, and filled content separators (placeholder) - [Dropdown](/components/dropdown): Composable menus for teams, models, and actions (placeholder) - [File Upload](/components/file-upload): Drag, validate, and track upload progress (placeholder) - [Icon Button](/components/icon-button): Square action button, icon only (placeholder) - [Input](/components/input): Text field with addons and validation (placeholder) - [Label](/components/label): Field labels with hints and tooltips (placeholder) - [Link Button](/components/link-button): Inline text action styled like a link (placeholder) - [Notification](/components/notification): Status messages with icons, avatars, and actions (placeholder) - [Pagination](/components/pagination): Page numbers with truncation (placeholder) - [Radio](/components/radio): Gradient dot, card variant, two sizes (placeholder) - [Segmented Control](/components/segmented-control): Sliding pill option switcher (placeholder) - [Select](/components/select): Single-choice listbox with search (placeholder) - [Slider](/components/slider): Single-value and min/max range selection (placeholder) - [Switch](/components/switch): On/off toggle with spring motion (placeholder) - [Table](/components/table): Sortable columns, sticky header (placeholder) - [Tabs](/components/tabs): Underline and pill tab lists (placeholder) - [Tooltip](/components/tooltip): Positioned hints on hover and focus (placeholder) - [Card](/components/card): Tinted-field surface that groups related content (placeholder) - [Stat trio](/components/stat-trio): Three related metrics presented together as one glanceable unit (placeholder) - [List row](/components/list-row): A single list row stated as a relationship, not a table cell (placeholder) - [Bottom sheet](/components/bottom-sheet): A sheet that rises from the bottom edge for a focused, dismissible task (placeholder) ## Blocks - [Agent Progress](/components/agent-progress): Collapsible progress for multi-step AI tasks (placeholder) - [Calendar](/components/calendar): Full month view with event pills (placeholder) - [Data Table](/components/data-table): Filters, selection, and pagination wired up (placeholder) - [Notification Center](/components/notification-center): Grouped activity inbox with tabs and actions (placeholder) - [Settings Modal](/components/settings-modal): Multi-page settings in a controlled dialog (placeholder) - [Sidebar](/components/sidebar): Floating app navigation with a teams menu (placeholder) ## Charts - [Activity Rings](/components/activity-rings): Apple-style concentric activity rings (placeholder) - [Contributions](/components/contributions): GitHub-style contribution heatmap (placeholder) - [Earnings Chart](/components/earnings-chart): Bar chart with period-over-period comparison (placeholder) - [Most Active Days](/components/most-active-days): Weekday activity bars (placeholder) - [Revenue Trend](/components/revenue-trend): Smooth area chart with a hover tooltip (placeholder) - [Sleep Score](/components/sleep-score): Radial gauge summarizing a sleep score (placeholder) - [Steps Chart](/components/steps-chart): Daily steps with a goal marker (placeholder) - [Chart container](/components/chart-container): The shared surface every chart sits inside, with header and legend slots (placeholder) ## Templates - [AI Chat](/components/ai-chat): Full-page conversational interface with message history and a composer (placeholder) - [AI Image Generation](/components/ai-image-generation): Full-page prompt-to-image workflow with a generation queue (placeholder) - [AI Profile](/components/ai-profile): Full-page profile view built around an AI assistant's identity (placeholder) - [Home Dashboard](/components/home-dashboard): Full-page dashboard combining stats, charts, and recent activity (placeholder) - [Medical Profile](/components/medical-profile): Full-page patient profile with vitals, history, and care team (placeholder) ## Registry - [registry item](/r/.json): shadcn-compatible registry item per component - [components index](/components): the full catalog, grouped by category