Install Tailwind CSS library frutjam

Learn how to use the Frutjam component library in a Tailwind CSS project. It works with all web development frameworks using the same setup—just install Frutjam and add `@import "frutjam"`, and you’re ready to go

How to install Frutjam UI library in Tailwind CSS project?

Make sure you have a working Tailwind CSS project installed, as well as Node and NPM on your computer. Frutjam works with Tailwind version 4.

Install frutjam as a Node package by running the following command:

npm i -D frutjam

Import frutjam to your input.css

@import "tailwindcss";
@import "frutjam";

Using a CDN

Use the CDN version of the frutjam UI library for fast and easy integration without local setup. Use this CDN version of frutjam only for development purposes, not in production.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/frutjam@1.7.0/dist/frutjam.min.css">
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>