跳转到主内容

插件

使用纯 CSS Tailwind CSS 插件扩展 Frutjam。零 JavaScript、WCAG 可访问、与框架无关。适用于 Django、HTMX、Laravel 和任何框架。

Frutjam 插件通过标准 UI 元素之外的附加组件和集成扩展了核心库。每个插件都是一个独立的 npm 包 - 仅安装您的项目需要的内容,并使用单个 @plugin 指令与主 Frutjam 导入一起注册。插件与现有主题系统无缝集成,自动继承您的 CSS 变量和 WCAG AA 颜色标记。插件的设计与框架无关,可与 Django、HTMX、Laravel、React 和任何 Tailwind CSS v4 项目配合使用。

降价编辑器

Markdown 文本编辑器插件,可将本机文本区域转换为完整的编辑套件 - 无需同步。所见即所得和纯 Markdown 模式、实时预览、查找和替换、RTL 支持、深色模式。适用于 Django、Laravel、Rails、Node.js、PHP 和任何堆栈。

什么是插件?

Frutjam 插件通过附加组件、实用程序或集成来扩展基础库。每个插件都是一个独立的包,您可以选择加入 - 仅安装您需要的内容,保持 CSS 包的精简。

独立包

Each plugin is a standalone npm package.将其与 Frutjam 一起安装,并在 CSS 中使用单个 @plugin 指令进行注册。

与框架无关

插件适用于任何堆栈 - Django、HTMX、Laravel、React 或纯 HTML。 No framework-specific wrappers required.

如何安装 Frutjam 插件?

通过 npm 安装插件并将 @plugin 指令添加到 CSS 文件中。例如:npm i -D frutjam-plugin-name,然后在 CSS 中添加 @plugin "frutjam-plugin-name"; 下面的 @plugin "frutjam";。就是这样——不需要 JavaScript 配置。

插件仅限 CSS 吗?

这取决于插件。纯 UI 插件仅包含 CSS。一些插件(例如 Markdown 编辑器)是基于 JavaScript 的,因为它们的功能本质上需要脚本编写。每个插件页面都清楚地记录了是否需要 JavaScript。