An open API service indexing awesome lists of open source software.

https://github.com/nezanuha/frutjam

Frutjam: A modern, open-source Tailwind CSS UI library featuring prebuilt, responsive components and plugins for rapid web development.
https://github.com/nezanuha/frutjam

css-components css-framework design-system frontend frontend-framework frontend-library javascript-plugins open-source open-source-project opensource responsive-design tailwind tailwind-css ui-kit ui-library web-development

Last synced: 29 days ago
JSON representation

Frutjam: A modern, open-source Tailwind CSS UI library featuring prebuilt, responsive components and plugins for rapid web development.

Awesome Lists containing this project

README

          

[![npm installs][npm_installs]](https://www.npmjs.com/package/frutjam)
[![Jsdelivr hits][jsdelivr]](https://cdn.jsdelivr.net/npm/frutjam)
[![Latest Release](https://img.shields.io/npm/v/frutjam.svg)](https://github.com/nezanuha/frutjam/releases)
[![License](https://img.shields.io/npm/l/frutjam.svg)](https://github.com/nezanuha/frutjam/blob/master/LICENSE)
[![Secured](https://img.shields.io/badge/Security-Passed-green)](https://snyk.io/test/github/nezanuha/frutjam)

---

# Frutjam: Free & Open-Source Tailwind CSS UI Library

[Frutjam](https://frutjam.com) is a lightweight, modern UI library built for speed. It provides prebuilt Tailwind CSS components and JavaScript-powered plugins that are completely free to use. No complex setup—just copy, paste, and build.

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![GitHub stars](https://img.shields.io/github/stars/nezanuha/frutjam.svg)](https://github.com/nezanuha/frutjam/stargazers)

## Pure CSS, no JavaScript needed. Framework-agnostic and fully compatible everywhere.

**Frutjam** is a lightweight UI library built on top of **Tailwind CSS**, designed to help developers build accessible, SEO-friendly, and W3C-compliant interfaces—fast. With a wide selection of prebuilt components and themes, Frutjam makes it easy to hit the ground running or fully customize your design system.

---

## Key Features

* 🧱 **Prebuilt UI Components** — Plug-and-play components to save time
* 🎨 **Customizable Themes** — Use built-in themes or create your own
* ♿ **Accessibility-First** — Follows accessibility best practices
* 🔍 **SEO-Friendly** — Semantic markup optimized for search engines
* ✅ **W3C Standards** — Clean, valid HTML structure
* ⚙️ **Built for Tailwind CSS** — Seamless integration with your Tailwind setup

---

## Installation & Usage

Import Tailwind CSS and Frutjam into your main stylesheet:

```bash
npm install frutjam
```

```css
@import "tailwindcss";
@import "frutjam";
```

## Basic Example

```html

Launch App

```

That’s it — you're ready to build with Frutjam components!

---

## Live Demo & Documentation

For full documentation and live interactive previews, visit our official site: 👉 **[frutjam](https://frutjam.com/docs)**

---

## 🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the repo
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Please check the [contributing guidelines](.github/CONTRIBUTING.md) before starting.

---

## 📄 License

Distributed under the MIT License. See [MIT License](LICENSE) for more information.

---

Thank you for choosing the Frutjam UI Library – Happy coding!

## ⭐ Support

If you like this project, consider giving it a star! 🌟

[![GitHub stars](https://img.shields.io/github/stars/nezanuha/frutjam.svg?style=social&label=Star&maxAge=2592000)](https://github.com/nezanuha/frutjam/stargazers)

---

[jsdelivr]: https://badgen.net/jsdelivr/hits/npm/frutjam
[npm_installs]: https://badgen.net/npm/dt/frutjam