$ show sheafui/components
SheafUI is a UI component library designed for Laravel applications built with the TALL stack (Tailwind CSS, Alpine.js, Livewire, and Laravel Blade). It provides over 60 reusable components that developers can install via a CLI command and then fully own and customize. The components follow a copy-paste philosophy, meaning once installed, they are part of the project and can be modified freely. The library emphasizes developer experience, consistency, and flexibility, with each component documented and designed to work seamlessly with Laravel's ecosystem. The architecture is a collection of independent Blade components, each encapsulated in its own directory with its own Blade templates, configuration, and documentation. Key patterns include a global modal state management system using Alpine.js, a responsive layout system with persistent sidebar state, and extensible form inputs using Blade slots for prefixes, suffixes, and actions. The repository is actively maintained with recent commits and shows low technical drift, indicating it keeps pace with its dependencies.
The LLM identified 3 files worth highlighting for reuse:
Implements a modal dialog system with a global Alpine.js store for state management, teleportation to the body element to avoid stacking context issues, swipe-to-close gesture support on mobile devices, and focus trapping for accessibility. Demonstrates a reusable pattern for managing modal state and DOM placement in Alpine.js applications.
Provides a responsive header-sidebar layout variant with collapsible sidebar state persisted to localStorage via Alpine.js $persist directive. Features responsive breakpoints for mobile, tablet, and desktop views, with a mobile overlay sidebar and tablet-optimized collapsed state. Shows a reusable pattern for building complex application layouts with state persistence and responsive behavior.
Implements a highly extensible form input component using Blade slots for prefixes, suffixes, and actions (copy, clear, reveal). Allows developers to compose complex input behaviors without modifying the component's core implementation. Demonstrates a reusable pattern for creating flexible, customizable form fields that adhere to the copy-paste ownership philosophy.