# AvenUI v1.0.0 - Table of Contents

29+ accessible Phoenix LiveView components. Requires Tailwind v4 + Phoenix 1.8. Dark mode, shadcn-style installer. Free forever, MIT licensed.

## Pages

- [AvenUI — 29+ Phoenix LiveView Components](readme.md)
- [Changelog](changelog.md)

## Modules

- [AvenUI](AvenUI.md): AvenUI — A free, open-source UI component library for Phoenix LiveView.
- [AvenUI.Components.Accordion](AvenUI.Components.Accordion.md): Accordion / disclosure component using pure Phoenix LiveView JS — no hooks needed.
- [AvenUI.Components.Alert](AvenUI.Components.Alert.md): Alert/notification banners for inline feedback messages.
- [AvenUI.Components.Avatar](AvenUI.Components.Avatar.md): Avatar component — initials or image, with size, color, and stack variants.
- [AvenUI.Components.Badge](AvenUI.Components.Badge.md): Badge component for status indicators, labels, and counts.
- [AvenUI.Components.Breadcrumb](AvenUI.Components.Breadcrumb.md): Breadcrumb navigation component for showing page hierarchy.
- [AvenUI.Components.Button](AvenUI.Components.Button.md): Button component with full variant, size, loading, and icon support.
- [AvenUI.Components.Card](AvenUI.Components.Card.md): Card container with composable header, body, and footer slots.
- [AvenUI.Components.CodeBlock](AvenUI.Components.CodeBlock.md): Code block with language label and optional copy button.
Requires the `CopyToClipboard` JS hook for the copy feature.
- [AvenUI.Components.Combobox](AvenUI.Components.Combobox.md): Combobox — searchable select input.
- [AvenUI.Components.DataTable](AvenUI.Components.DataTable.md): Rich data table with filter bar, server-side sort, and pagination.
- [AvenUI.Components.DatePicker](AvenUI.Components.DatePicker.md): DatePicker — calendar-based date input for single dates and date ranges.
- [AvenUI.Components.Dropdown](AvenUI.Components.Dropdown.md): Dropdown menu component using Phoenix LiveView's built-in `JS` commands.
- [AvenUI.Components.EmptyState](AvenUI.Components.EmptyState.md): Empty state with icon, title, description, and optional action slot.
- [AvenUI.Components.FileInput](AvenUI.Components.FileInput.md): File upload component with drag-and-drop support and progress tracking.
- [AvenUI.Components.Input](AvenUI.Components.Input.md): Form input components: text fields, selects, textareas, and search inputs.
Designed to work seamlessly with `Phoenix.HTML.Form` and `Ecto.Changeset`.
- [AvenUI.Components.Kbd](AvenUI.Components.Kbd.md): Keyboard shortcut display.
- [AvenUI.Components.Modal](AvenUI.Components.Modal.md): Modal / Dialog component for Phoenix LiveView.
- [AvenUI.Components.Progress](AvenUI.Components.Progress.md): Progress bar component with label, value display, colors, and sizes.
- [AvenUI.Components.Separator](AvenUI.Components.Separator.md): Horizontal or vertical separator line with optional label.
- [AvenUI.Components.Sidebar](AvenUI.Components.Sidebar.md): Responsive sidebar navigation component for admin dashboards and applications.
- [AvenUI.Components.Skeleton](AvenUI.Components.Skeleton.md): Skeleton loader placeholder — shimmer animation for async content.
- [AvenUI.Components.Spinner](AvenUI.Components.Spinner.md): Animated loading spinner — 5 sizes, inherits color via currentColor.
- [AvenUI.Components.Stat](AvenUI.Components.Stat.md): Stat / metric card for dashboard KPIs.
- [AvenUI.Components.Steps](AvenUI.Components.Steps.md): Multi-step wizard component for guided workflows.
- [AvenUI.Components.Table](AvenUI.Components.Table.md): Data table component with sortable columns, striping, and LiveView pagination.
- [AvenUI.Components.Tabs](AvenUI.Components.Tabs.md): Tabs component with two visual styles and optional LiveView URL-sync.
- [AvenUI.Components.Toast](AvenUI.Components.Toast.md): Toast notification system for Phoenix LiveView.
- [AvenUI.Components.Toggle](AvenUI.Components.Toggle.md): Toggle switch component — accessible boolean input.
- [AvenUI.Components.Tooltip](AvenUI.Components.Tooltip.md): Tooltip component for contextual help and information.
- [AvenUI.DataTable](AvenUI.DataTable.md): State helper for the `data_table/1` component.
- [AvenUI.Helpers](AvenUI.Helpers.md): Shared utilities for AvenUI components.

## Mix Tasks

- [mix aven_ui.add](Mix.Tasks.AvenUi.Add.md): Copies AvenUI component source files into your project so you own them.
- [mix aven_ui.list](Mix.Tasks.AvenUi.List.md)
- [mix aven_ui.new](Mix.Tasks.AvenUi.New.md): Scaffolds a full Phoenix 1.8 project with AvenUI pre-wired.

