Build Accessible, Modern UIs - Fast.

Frutjam is a blazing-fast, open-source UI library built for developers who care about accessibility, standards, and seamless integration with Tailwind CSS.

W3C-compliant, SEO-friendly, and easy to use.

Why Frutjam?

Designed for Developers, Loved by Users.

W3C Web Standards IconAn icon representing W3C web standards with a document, code brackets, and W3C text.</>W3C

W3C Standards

Clean, valid HTML for modern web apps.

Accessibility IconA stylized human figure with arms outstretched inside a circle, representing accessibility and inclusion.

Accessibility First

Every component is built with a11y in mind.

Color Contrast Accessibility IconA symbol showing a split circle with currentColor and white halves and a color dropper, representing color contrast and accessibility.

Color Contrast

Components pass WCAG color contrast checks out of the box.

SEO Crawler IconAn icon showing the letters SEO and a small scanning robot inside a browser window.SEO

SEO Friendly

Semantic markup for better search engine visibility.

Developer Friendly IconA rounded code editor window with colored control buttons and several lines of code, representing a developer-friendly interface.</>

Developer Friendly

Simple, intuitive API and easy integration.

HTML and CSS Code IconA developer window split into HTML and CSS sides with toolbar and code symbols.<>{}

CSS & HTML First

No JavaScript lock-in - style and structure come first.

Tailwind CSS IconTailwind CSS wave icon centered inside a currentColor circular border.

Tailwind CSS Support

Works perfectly with your Tailwind workflow.

RTL Support IconA right-to-left text icon inside a 64 by 64 square with rounded corners, showing right-aligned text lines and a slightly lower left-pointing arrow.

RTL Support

Fully compatible with right-to-left languages.

Responsive Design IconMinimalist icon showing a desktop monitor, tablet, and phone to represent responsive web design.

Responsive

Looks great on any device, any screen size.

Actively Developing SoftwareAn icon showing a code window with code brackets and a sparkle star inside, representing new features in active development.</>

Actively Maintained

New features, updates, and community support.

Palette icon

Professional Themes

Switch between light and dark modes, or create your own.

Prebuilt Layouts & ComponentsAn icon showing nested rectangles and blocks to represent modular UI layouts and reusable components.

Prebuilt Layouts & Components

Ready-to-use building blocks for any project.

Open SourceAn icon showing an open padlock with a code symbol to represent open source software.</>

Open Source

MIT licensed and community-driven.

Plug icon

Plugin Support

Extend Frutjam with useful plugins like the Markdown Text Editor.

Reduce DOM Size

A large number of nested or unnecessary elements can cause rendering to slow down. Simplify your components structure and improve performance and maintainability.

100/100 on Google PageSpeed Insights

100Performance
100Accessibility
100Best Pratices
100SEO

Achieve a perfect 100 in Performance, Accessibility, Best Practices, and SEO using Frutjam UI library. This website is built entirely with Frutjam UI and achieved an overall score of 100/100 on Google PageSpeed Insights.

Websites run faster, provide a better user experience, and have higher search ranks. In today's AI-driven web, faster sites are prioritized—AI tools frequently scan websites in real time, and they prefer fast, efficient pages that don't waste computational resources. Build smarter with a future-ready UI library.

Features

With a wide selection of prebuilt components and themes, Frutjam makes it easy to hit the ground running or fully customize your design system.

Prebuilt UI Components

Plug-and-play components for rapid development. Buttons, forms, modals, navigation, and more - all customizable and accessible.

Customizable Themes

Switch between a variety of professional themes, with full support for dark and light modes. Easily create your own to match your brand.

Accessibility & SEO

Every component is built to be accessible (a11y) and SEO-friendly, using semantic HTML and ARIA best practices.

Tailwind CSS Integration

Built from the ground up for Tailwind CSS. Use your existing Tailwind setup or start fresh - Frutjam fits right in.

RTL & Responsive

Support for right-to-left languages and responsive layouts out of the box.

Useful Plugins

Extend your UI with plugins like our Markdown Text Editor and more.

Example Components

Buttons, Inputs, Forms
Modals & Dialogs
Navigation Bars & Sidebars
Cards & divsts
Alerts & Notifications
Layouts & Grids

Themes & Customization

Multiple ready-to-use themes, easy dark/light mode toggle, and custom theme creation.

Community & Contributing

Frutjam is open source and community-driven. Found a bug? Have a feature request? Want to contribute?

Contribute on GitHub

Website built with Frutjam UI library