Verdant UI

A beautiful, self-contained UI component library for Laravel with Alpine.js and Tailwind CSS.

Features

Beautiful, modern components
Built with Alpine.js and Tailwind CSS
Self-contained and easy to integrate
Compatible with Laravel 8+ through 12+
Complete form components with validation
Advanced UI elements like modals, tooltips, and calendars
Responsive design out of the box

Installation

You can install the package via composer:

composer require dennenboom/verdant-ui

Asset Publishing

After installation, you need to add the Verdant assets to your layout's head section:

<head>
    ...
    @verdantAssets
</head>

Composer Configuration

Add this to your composer.json's post-autoload-dump section:

"post-autoload-dump": [
    "@php artisan vendor:publish --tag=verdant-assets --force",
    "php artisan cache:clear"
]

Components

Verdant UI provides a comprehensive set of components including:

Form Components

Input fields
Textareas
Select dropdowns
Checkboxes
File inputs
Rich text editor
Image cropper

UI Components

Buttons & button groups
Modals
Tooltips
Tables
Calendars
Breadcrumbs
Reorderable lists

Usage

After installation, you can use Verdant UI components in your Blade templates:

<x-v-button.primary>
    Click me!
</x-v-button.primary>

<x-v-form.input
    name="email"
    label="Email Address"
    type="email"
    required
/>

Why Choose Verdant UI?

Verdant UI streamlines your Laravel development by providing production-ready components that are:

Consistent: All components follow the same design principles
Accessible: Built with accessibility in mind
Customizable: Easy to theme and modify
Performant: Lightweight and optimized

GitHub Repository

Package Info

License:	MIT
PHP Version:	^8.0
Laravel:	^8.0
Package:	dennenboom/verdant-ui

Quick Links

Klaar om samen te werken?

Wij in elk geval wel! Vertel ons alles over jouw project via onderstaand contactformulier.
Dan bespreken we binnenkort de beste oplossing voor jouw vraag.

Contactformulier