Frutjam Components

Find a collection of clean, reusable components here to accelerate your web development, ready to use and easy to customize. We are working on adding more components.

Accordion

The accordion component offers an easy, responsive, and customizable way to organize content on your website. Whether you're building an FAQ section, expanding content blocks, or creating a navigation menu, this component offers an intuitive, interactive user experience.

Badge

None

Breadcrumb

The `Breadcrumb` component helps users understand and navigate their current location in a site hierarchy. It supports semantic HTML, class-based styling, and customizable separators.

Button

None

Card

None

Checkbox

None

Divider

None

Drawer

None

Header

None

Input

None

Link

None

Menu

A Menu component is a versatile UI element for displaying a list of links or interactive items. It supports submenus, icons, and title headings. Whether it's a sidebar navigation or a dropdown solution, this gives you a clean and accessible starting point with built-in hover and focus interactions

Modal

To create a modal, we use the `<dialog>` element, which is natively supported in most modern browsers. For more information, [visit MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog).

Navbar

None

Popover

Explore a variety of interactive popover examples, from dropdown to mega menus. Fully responsive, highly customizable, and supports both hover and click behavior to display rich content in a floating overlay.

Radio

None

Table

None

Tooltip

None