Sheaf UI Components

A collection of open source UI components built with Blade, Alpine.js, and Livewire for Laravel applications.

Philosophy

We believe developers shouldn't waste time copy-pasting code from documentation or hunting through GitHub repositories for UI components. Sheaf UI streamlines your workflow by delivering production-ready components directly into your codebase with simple CLI commands.

Our philosophy centers on:

• Enhanced Developer Experience: Skip the copy-paste workflow entirely
• Component Ownership: Once installed, components are fully yours to customize
• Laravel-First: Built specifically for Laravel developers using familiar technologies
• Open Source: Community-driven development with transparent, accessible code

Purpose

Sheaf UI exists to solve the common pain points Laravel developers face when building user interfaces:

• Eliminate Copy-Paste Friction: No more switching between documentation and your IDE
• Accelerate Development: Get from idea to implementation faster
• Maintain Consistency: Use battle-tested, production-ready components
• Preserve Flexibility: Components integrate seamlessly with your existing workflow

Technology Stack

All components are built using:

• Blade: Laravel's templating engine for clean, maintainable markup
• Alpine.js: Lightweight JavaScript framework for reactive behavior
• Livewire: Full-stack framework for dynamic Laravel applications
• Tailwind CSS: Utility-first CSS framework for styling

Components support both Alpine.js and Livewire, allowing you to use one or both technologies based on your project needs.

Installation & Usage

CLI Tool

Install the Sheaf UI CLI tool in your Laravel project:

composer require sheaf/cli

Then install components with simple artisan commands:

php artisan sheaf:install button
php artisan sheaf:install modal
php artisan sheaf:install dropdown

Platform & Documentation

Visit our platform at sheafui.dev for:

• Complete component documentation
• Live interactive examples
• Installation guides
• Customization tutorials

Repository Structure

This repository contains the source code for all Sheaf UI components. Each component includes:

• Blade template files
• Alpine.js/Livewire integration
• Tailwind CSS styling
• Documentation and examples

License

Sheaf UI is open source software licensed under the MIT License.

---

Ready to enhance your Laravel development workflow? Visit sheafui.dev or install the CLI to get started.