定制 chriskelemba/laravel-atomic-ui 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

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

chriskelemba/laravel-atomic-ui

最新稳定版本:v1.0.0

Composer 安装命令:

composer require chriskelemba/laravel-atomic-ui

包简介

Blade-based atomic UI components for Laravel

README 文档

README

Blade-first atomic UI components for Laravel. Includes a full set of atoms, molecules, organisms, and templates with Tailwind + Alpine.

Install

composer require chriskelemba/laravel-atomic-ui

No publishing required. Components are auto-registered.

Usage

Hyphenated tags (recommended)

<x-atomic-ui-button>Primary</x-atomic-ui-button>
<x-atomic-ui-input name="email" placeholder="you@example.com" />
<x-atomic-ui-modal title="Confirm">
    <x-slot:trigger>
        <x-atomic-ui-button>Open</x-atomic-ui-button>
    </x-slot:trigger>
    Modal content here.
</x-atomic-ui-modal>

Namespaced tags

<x-atomic-ui::atoms.button>Primary</x-atomic-ui::atoms.button>
<x-atomic-ui::atoms.input name="email" />

Component Inventory

Atoms

  • atomic-ui-button
  • atomic-ui-input
  • atomic-ui-action-button
  • atomic-ui-badge
  • atomic-ui-avatar
  • atomic-ui-tag
  • atomic-ui-divider

Molecules

  • atomic-ui-form-field
  • atomic-ui-modal
  • atomic-ui-alert
  • atomic-ui-toast
  • atomic-ui-tooltip
  • atomic-ui-popover
  • atomic-ui-dropdown
  • atomic-ui-tabs
  • atomic-ui-breadcrumb
  • atomic-ui-pagination
  • atomic-ui-steps
  • atomic-ui-toggle
  • atomic-ui-checkbox
  • atomic-ui-radio-group
  • atomic-ui-select
  • atomic-ui-textarea
  • atomic-ui-date-input
  • atomic-ui-file-upload
  • atomic-ui-search-bar
  • atomic-ui-filter-chips
  • atomic-ui-sort-control

Organisms

  • atomic-ui-form
  • atomic-ui-panel
  • atomic-ui-table
  • atomic-ui-stat-card
  • atomic-ui-sidebar
  • atomic-ui-line-chart
  • atomic-ui-bar-chart
  • atomic-ui-pie-chart
  • atomic-ui-calendar
  • atomic-ui-drawer
  • atomic-ui-empty-state
  • atomic-ui-progress
  • atomic-ui-skeleton
  • atomic-ui-section-header
  • atomic-ui-timeline
  • atomic-ui-activity-list
  • atomic-ui-task-list

Templates

  • atomic-ui-app-shell
  • atomic-ui-dashboard
  • atomic-ui-crud-page
  • atomic-ui-resource-index

Config (optional)

You can publish config and views if you want to customize:

php artisan vendor:publish --tag=atomic-ui-config
php artisan vendor:publish --tag=atomic-ui-views

Requirements

  • Laravel 12+
  • Tailwind CSS
  • Alpine.js (auto-loaded by package layout)

统计信息

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

GitHub 信息

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

其他信息

  • 授权协议: MIT
  • 更新时间: 2026-02-05

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固