Slate

Slate 是一款专为 Laravel 和 Livewire 开发者设计的 UI 套件，灵感源自广受欢迎的 shadcn/ui。它基于 Blade 匿名组件构建，完美融合了 Tailwind CSS v4 与 OKLCH 主题令牌，让开发者能够快速构建美观且高度可定制的界面。Slate 3.x 版本全新重构，带来了 50+ 组件、丰富的块/主题/示例画廊、实时文档，以及一个只读 MCP（模型上下文协议），使 AI 代理能够直接调用真实的 Blade API，而非凭空臆造。

核心功能

Slate 的核心在于其 Blade 匿名组件 架构，它允许开发者以声明式方式构建 UI，同时保持代码的简洁与可维护性。组件库涵盖了按钮、表单、模态框、导航等常用元素，并针对 Livewire 进行了优化，确保交互流畅。

主要特性

• 50+ 组件：覆盖日常开发所需，从基础到高级，一应俱全。
• Tailwind CSS v4：采用最新的 Tailwind 版本，支持 CSS 变量和现代构建流程。
• OKLCH 主题令牌：基于 OKLCH 色彩空间，提供更广色域和更细腻的颜色过渡。
• Alpine.js 集成：在需要时引入 Alpine，实现轻量交互，不增加多余负担。
• Livewire 友好：表单和交互组件与 Livewire 无缝集成，提升开发效率。

适用场景

Slate 适用于任何使用 Laravel 构建 Web 应用的开发者，尤其是那些需要快速搭建后台管理面板、数据仪表盘或前端界面的团队。无论你是独立开发者还是大型团队，Slate 都能帮助你保持代码整洁，同时提供一致的设计语言。

此外，Slate 的 实时文档 和 llms.txt 支持，使得 AI 辅助开发成为可能，开发者可以借助 AI 工具快速生成符合 Slate 规范的代码。

立即访问 Slate 官方文档 或 GitHub 仓库 开始探索吧！