Modules
Pine UI 🌲 — the Pines component library for Phoenix LiveView.
The base every Pine UI component is built on.
Stacked, collapsible content panels.
Alerts — a callout that draws attention to a message.
Small status and category labels.
A full-width announcement bar pinned to the top or bottom of the viewport.
Shows where the current page sits in the site hierarchy.
Buttons.
A container that groups related content.
Checkboxes.
Type-ahead inputs: a combobox, and a free-form tags field.
A searchable command palette.
A menu opened by right-clicking a region.
A click-to-copy control with confirmation feedback.
A calendar date picker.
A menu revealed by a trigger.
A rich preview card revealed on hover.
An image grid with a lightbox.
An infinitely scrolling strip of content, and an animated perspective grid backdrop.
A video player with custom chrome, and a Monaco code editor.
Dialogs: centred modal, full-screen modal, and slide-over panel.
A site navigation bar with mega-menu dropdowns, and a desktop-style menu bar.
Page navigation.
Rich content anchored to a trigger, opened on click.
Progress indicators.
A styled blockquote for pull quotes and testimonials.
A group of mutually exclusive options, rendered as selectable cards.
A range slider.
A star rating, for input or display.
Select inputs.
A toggle switch.
Tabular data.
Tabbed content panels.
Animated text.
Single-line text inputs.
Multi-line text inputs.
Transient notifications, stacked in a corner of the viewport.
A small label revealed on hover or focus.
A configuration-driven table, kept for compatibility with the v0.1.x API.
A drag-and-drop file upload area.
Builds Alpine.js expressions safely.
Conflict-aware Tailwind class merging.
Stable, collision-free DOM ids for components.
JSON encoding for values embedded in Alpine attributes.
The v0.1.x component API, preserved so existing code keeps working.