A favicon of Laravel Luvi

Laravel Luvi

Luvi UI offers shadcn-ui inspired, copy-paste UI components for Laravel. Built with Blade and AlpineJS, it's accessible, customizable, open-source, and Livewire compatible.

A screenshot of Laravel LuviVisit

Accelerate Laravel UI Development with Luvi UI Components

Luvi UI provides a collection of beautifully designed and accessible UI components specifically for Laravel applications. Inspired by shadcn-ui, these components are built with Blade and AlpineJS, allowing developers to easily copy and paste them into their projects. They are customizable, open-source, and fully compatible with Livewire, streamlining the development of interactive user interfaces. Start building your component library quickly with Luvi UI's ready-to-use elements for a modern web experience.

Features:

  • Component Variety: Offers a wide range of UI components including Accordion, Alert, Avatar, Badge, Button, Card, Dialog, Dropdown Menu, various Form elements (Input, Label, Select, Radio Group, Textarea), Tabs, and Tooltip.
  • Blade & AlpineJS Stack: Natively built with Laravel Blade templates and AlpineJS for lightweight interactivity and minimal dependencies.
  • Livewire Integration: Fully usable with Laravel Livewire, enhancing dynamic interfaces with components like Combobox.
  • Copy-Paste Simplicity: Enables developers to quickly integrate components by copying and pasting pre-built code snippets.
  • shadcn-ui Inspired: Provides a developer experience and aesthetic similar to the popular shadcn-ui, focusing on unstyled, adaptable components.
  • Accessibility Prioritized: Components are designed with WAI-ARIA standards in mind to be accessible to all users.
  • Customizable Theming: Supports theming and extensive customization to match your project's specific branding and style requirements.
  • Open Source (MIT Licensed): Freely available under the permissive MIT license, allowing for broad use and modification.
  • Typography Control: Offers guidance and options for managing typography consistently across the components.
  • Comprehensive Documentation: Detailed installation, configuration, and usage guides are available on the official website.
  • Example Implementations: Showcases components through practical examples like Mail, Cards, and Forms interfaces to aid understanding.
  • Composer Installation: Easily installable via Composer for straightforward project setup and dependency management within Laravel projects.

Summary:

Luvi UI is a Laravel-focused component library offering a collection of pre-built, customizable UI elements. It leverages Blade and AlpineJS, with strong Livewire support, enabling rapid development through a copy-paste approach inspired by shadcn-ui. Developers can quickly build accessible and modern user interfaces for their Laravel applications, benefiting from its open-source nature and comprehensive documentation, simplifying the creation of visually appealing and functional web apps.

Distribution:
opensource
GitHub:
368 Stars
24 Forks
Share:

 

  
 

Similar to Laravel Luvi:

 

  
  

 

  
  

 

  
  
Laravel Luvi: Luvi UI: Beautifully designed, copy-paste Laravel components for your apps. – Awesome-Shadcn/ui