插件
使用纯 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。