发布 Blade UI Kit v0.1

发布时间 作者

Launching Blade UI Kit v0.1 image

经过几个月的开发、测试和微调,我很高兴地宣布 Blade UI Kit 的第一个版本终于正式发布。

Blade UI Kit 是一个无渲染组件集,可在你的 Laravel Blade 视图中使用。本质上,它是一组有用的实用程序,连接 TALL stack 不同部分之间的联系。它专为 Blade(Laravel 的强大模板引擎)而设计。

默认情况下,Blade UI Kit 附带以下组件

  • 倒计时器
  • Markdown 和富文本编辑器
  • 头像生成器
  • 表单输入
  • Markdown 到 HTML 转换器
  • 日期和颜色选择器
  • 等等…

为了让你有一个实用的入门示例,让我们看看 Blade UI Kit 的 alert 组件 如何替换 Laravel UI 脚手架中的默认 alert 代码段

@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif

它将变成这样

<x-alert class="alert alert-success"/>

正如你所见,所有关于组件行为的实现细节都被隐藏了。由你决定如何对其进行样式化。

所有 Blade UI Kit 的组件都是以此为理念设计的。让你不必担心实现细节,让你可以专注于真正重要的事情:构建你的应用。同时提供良好的开发体验。

为了更好地演示这个库,我构建了一个 示例 Laravel 项目,它使用了一些来自 Blade UI Kit 的组件。

目前,Blade UI Kit 仍处于起步阶段,这意味着它可能仍然存在一些设计缺陷,我们希望在将来当库成熟并有更多人开始使用它时解决这些缺陷。我邀请任何希望 贡献 的人前往 主仓库,通过发送 Pull Request 或创建有见地的 Issue 来帮助我们添加更多更好的组件并改进核心机制。

我努力确保这个库能帮助你的工作流程,并希望它能解决你在构建 Laravel 应用时遇到的一些痛点。在 Twitter 上使用 #BladeUIKit 标签 告诉我你的想法!

使用 Blade UI Kit 构建你的下一个应用吧!

Dries Vints photo

Dries 是 Laravel 的开发者,负责维护开源项目。他也是 Laravel.io(Laravel 社区门户)的维护者。他共同组织了 Full Stack Europe 大会以及 Full Stack Belgium 会议小组。他也是 Blade UI Kit 的创建者。

归档于
Cube

Laravel 新闻通讯

加入 40,000 多名其他开发者,永不错过新技巧、教程等。

Laravel Forge logo

Laravel Forge

轻松创建和管理你的服务器,并在几秒钟内部署你的 Laravel 应用。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发者必备的代码运行器。使用 AI、自动完成功能和对本地和生产环境的即时反馈进行调试。

Tinkerwell
No Compromises logo

No Compromises

Joel 和 Aaron,来自 No Compromises 播客的两名经验丰富的开发者,现在可以为你的 Laravel 项目提供雇佣服务。 ⬧ 固定费用为 7500 美元/月。 ⬧ 无需冗长的销售流程。 ⬧ 无需签订合同。 ⬧ 100% 退款保证。

No Compromises
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保你的 Web 应用取得成功。

Kirschbaum
Shift logo

Shift

运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,使你的应用保持新鲜。

Shift
Bacancy logo

Bacancy

使用经验丰富的 Laravel 开发者(拥有 4-6 年的经验)为你的项目注入活力,每月仅需 2500 美元。获得 160 小时的专业知识,并享受 15 天的无风险试用期。立即预约电话!

Bacancy
Lucky Media logo

Lucky Media

立即获得 Lucky - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar: Laravel 电子商务

Laravel 的电子商务。一个开源软件包,将现代无头电子商务功能的强大功能带入 Laravel。

Lunar: Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 工作板

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS 启动套件

SaaSykit 是一个 Laravel SaaS 启动套件,包含运行现代 SaaS 所需的所有功能。支付、漂亮的结帐、管理面板、用户仪表板、身份验证、现成的组件、统计、博客、文档等等。

SaaSykit: Laravel SaaS 启动套件
Rector logo

Rector

你无缝 Laravel 升级、降低成本和加速创新的合作伙伴,为成功企业提供服务

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成增强你的 PHP 应用,使开发者能够轻松高效地构建应用。支持事务、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。探索 MongoDB 的灵活、现代数据库如何改变你的 Laravel 应用。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的零依赖输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

在你的 Laravel 应用中添加 Swagger UI

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel Prompts 构建 SSH 应用

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 软件包在你的 Laravel 应用中添加评论

阅读文章