Home/Application/Accordions

Accordions

Vertically collapsing text panels that help organize information.

6 variants
1

Basic Accordion

What is JokoUI?

JokoUI is a beautiful, modern, and customizable UI component library built with Tailwind CSS. It is designed to help you build interfaces faster.

How do I install it?

You don't need to install any npm packages. You can simply copy and paste the components directly into your project.

Is it open source?

Yes, it is completely open source and free to use in both personal and commercial projects.

contributed by rayasabari

2

Bordered Accordion

Can I use it for commercial projects?

Yes, it's completely free for both personal and commercial use. You can use it for your clients as well.

Do you offer technical support?

We offer community support through our Discord channel and GitHub issues.

contributed by rayasabari

3

Lime Highlight

How frequently is JokoUI updated?

We release new updates bi-weekly. This includes new components, bug fixes, and improvements to existing ones.

Are the components responsive?

Yes, all components are fully responsive and designed using a mobile-first approach.

contributed by rayasabari

4

Lime Soft Accent

Is there a Figma file available?
Yes, a comprehensive Figma design system is included for our premium users.
Can I use it with React or Vue?
Since the components are pure HTML/Tailwind, you can easily adapt them to any framework of your choice including React, Vue, Angular, and Svelte.

contributed by rayasabari

5

Plus / Minus Icon

What's the difference from other UI libraries?

JokoUI focuses on beautiful, accessible, and easily customizable components without the overhead of heavy npm packages. It relies on standard Tailwind CSS classes.

Are there any dependencies?

The only dependency is Tailwind CSS. You don't need any complex setup or additional libraries to make JokoUI work.

contributed by rayasabari

6

Elevated & Icons

Lightning fast performance

Optimized for speed and minimal bundle size. Built with modern web standards in mind, ensuring your application runs smoothly.

High Security Standards

Built following best practices to ensure your data is always secure. We conduct regular security audits and updates.

contributed by rayasabari