承接 selli/ui 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

selli/ui

Composer 安装命令:

composer require selli/ui

包简介

Selli UI — enterprise Blade & Livewire 4 component library built on the Selli Design System (Electric Violet, dark-first).

README 文档

README

Selli UI for Livewire — Blade & Livewire component library

Selli UI — Blade & Livewire 4 component library

run-tests PHPStan e2e

An enterprise-grade UI component library for Laravel, built on the Selli Design System — Electric Violet, Instrument Sans, dark-first, with the brand's signature violet glow. Ships as a set of x-selli::* Blade components designed to drop straight into any Laravel + Livewire 4 application.

Every component is themeable through CSS custom properties (design tokens), works in light and dark mode, and ships with tests.

📖 Documentation

Full documentation, with live examples and screenshots of every component: selli-ui-livewire.selli.io

Requirements

  • PHP ^8.3
  • Laravel ^11.0 || ^12.0
  • Livewire ^4.0 (only required for the interactive components)

Installation

composer require selli/ui

Publish the stylesheet and JavaScript assets:

php artisan vendor:publish --tag=selli-ui-assets

(Optionally) publish the config file:

php artisan vendor:publish --tag=selli-ui-config

Add the design-system stylesheet to your layout <head>:

<link rel="stylesheet" href="{{ \Selli\Ui\Facades\SelliUi::css() }}">

The system is dark-first. Add the dark appearance by leaving <html> as-is, or switch to the light surface with <html class="light">.

Usage

All components are anonymous Blade components under the selli namespace:

<x-selli::button variant="primary" icon="rocket">Inizia ora</x-selli::button>

<x-selli::card>
    <x-selli::card.icon name="sparkles" />
    <x-selli::card.title>Componenti enterprise</x-selli::card.title>
    <x-selli::card.body>Pronti per la produzione, testati e documentati.</x-selli::card.body>
</x-selli::card>

<x-selli::badge tone="success" icon="circle-check">Attivo</x-selli::badge>

See the documentation for the full component reference.

Testing

composer test

Changelog

Please see CHANGELOG for what has changed recently.

License

The MIT License (MIT). Please see License File for more information.

统计信息

  • 总下载量: 0
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 6
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 0
  • Forks: 0
  • 开发语言: Blade

其他信息

  • 授权协议: MIT
  • 更新时间: 2026-06-28

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固