Compotes

A components library focused on customization/accessibility

To learn more, check the documentation.

✨ Features

• 👨‍🎨 Minimal CSS to do your customization
• 🦾 Accessibility in mind
• 📠 Fully typed
• 🧩 Framework agnostic
• 📦 Simple components ready to use
• 🪶 Lightweight

🍏 Compotes

• Collapse/Accordion (demo)
• Drag (demo)
• Drilldown (demo)
• Dropdown (demo)
• Marquee (demo)

And more to come!

🍯 Pots

Vanilla JS/TS

npm i -D compotes

# yarn
yarn add -D compotes

# pnpm
pnpm add -D compotes

#bun
bun add -D compotes

Vue 3

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 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