https://github.com/applelo/compotes

🍯 Components library focused on accessibility/customization
https://github.com/applelo/compotes

accessibility accordion collapse components draggable drilldown dropdown javascript marquee typescript

Last synced: 4 months ago
JSON representation

🍯 Components library focused on accessibility/customization

• Host: GitHub
• URL: https://github.com/applelo/compotes
• Owner: Applelo
• License: mit
• Created: 2023-02-11T19:53:57.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2026-02-14T20:51:51.000Z (4 months ago)
• Last Synced: 2026-02-15T03:50:09.636Z (4 months ago)
• Topics: accessibility, accordion, collapse, components, draggable, drilldown, dropdown, javascript, marquee, typescript
• Language: TypeScript
• Homepage: https://compotes.dev
• Size: 1.34 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          




[![Coverage Status](https://coveralls.io/repos/github/Applelo/compotes/badge.svg?branch=main)](https://coveralls.io/github/Applelo/compotes?branch=main)

# Compotes

> A components library focused on customization/accessibility

To learn more, check the *[documentation](https://compotes.dev)*.

## ✨ Features

- 👨‍🎨 Minimal CSS to do your customization

- 🦾 Accessibility in mind

- 📠 Fully typed

- 🧩 Framework agnostic

- 📦 Simple components ready to use

- 🪶 Lightweight

## 🍏 Compotes

- Collapse/Accordion ([demo](https://compotes.dev/demo/collapse.html))

- Drag ([demo](https://compotes.dev/demo/drag.html))

- Drilldown ([demo](https://compotes.dev/demo/drilldown.html))

- Dropdown ([demo](https://compotes.dev/demo/dropdown.html))

- Marquee ([demo](https://compotes.dev/demo/marquee.html))

And more to come!

## 🍯 Pots

Vanilla JS/TS


```bash

npm i -D compotes

# yarn

yarn add -D compotes

# pnpm

pnpm add -D compotes

#bun

bun add -D compotes

```




Vue 3


```bash

npm i -D @compotes/vue

# yarn

yarn add -D @compotes/vue

# pnpm

pnpm add -D @compotes/vue

#bun

bun add -D @compotes/vue

```




## 🙋‍♂️ Why ?

A lot of component libraries are already shipped with styles but as a Front End developer, I always want to override a lot. Furthermore, they are not always accessible or they are shipped with jQuery.

There are some good libraries like [React Aria](https://react-spectrum.adobe.com/react-aria/react-aria-components.html) but it's made to work on one framework and I work on different tech like Wordpress, Symfony or VueJS.

> This library provides only the compotes and it's up to you to make a tart.

## AI Usage

This project uses AI to improve and keep the documentation up to date. It also helps me writing the connection between core components to VueJS.

## 👨‍💼 License

MIT