https://github.com/ecohead/kondonizer

🗂 Universal Media Library as a web component.
https://github.com/ecohead/kondonizer

custom-elements lit-element lit-html vanilla-js web-components

Last synced: about 1 year ago
JSON representation

🗂 Universal Media Library as a web component.

• Host: GitHub
• URL: https://github.com/ecohead/kondonizer
• Owner: ecohead
• Created: 2022-06-02T12:29:40.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-09-25T15:32:55.000Z (over 3 years ago)
• Last Synced: 2025-04-19T05:50:47.809Z (about 1 year ago)
• Topics: custom-elements, lit-element, lit-html, vanilla-js, web-components
• Language: TypeScript
• Homepage: https://kondonizer.aureldvx.fr/
• Size: 141 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Kondonizer : Universal Media Library as a Web Component.](https://static.aureldvx.fr/ecohead/kondonizer/kondonizer-banner.jpg)

![Open Source Love svg1](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)

![Awesome Badges](https://img.shields.io/badge/badges-awesome-green.svg)

![TypeScript](https://badgen.net/badge/icon/typescript?icon=typescript&label)

[![Npm](https://badgen.net/badge/icon/npm?icon=npm&label)](https://https://npmjs.com/package/@ecohead/kondonizer)

[![Twitter](https://badgen.net/badge/icon/twitter?icon=twitter&label)](https://twitter.com/aureldvx)

[![Support Server](https://img.shields.io/discord/980898930869031002.svg?label=Discord&logo=Discord&colorB=7289da&style=flat)](https://discord.gg/gPFM7ffu5B)

![npm](https://img.shields.io/npm/v/@ecohead/kondonizer?style=for-the-badge)

![NPM](https://img.shields.io/npm/l/@ecohead/kondonizer?style=for-the-badge)

![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg?style=for-the-badge)

![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=for-the-badge)

# Kondonizer

Kondonizer is a custom element (a native HTML tag) that can be integrated in any frontend code. It displays a media library based on a Media model, like WordPress does internally. You can select, upload, edit and delete one or multiple files, all based on a configuration object highly customizable.

This web component needs between 2 and 5 API endpoints to be fully working. More info in the [documentation](https://kondonizer.aureldvx.fr/specify-api-endpoints/).

## Project architecture

This repository implements the monorepo pattern. You can access the core files in `packages/core` or view the documentation website source files in `packages/documentation`.

To view some examples of how to integrate kondonizer into a frontend framework, please see the `packages/examples` folder for inspiration.

## Preview

You can also have a working demo on the documentation website.

![Kondonizer preview image](https://static.aureldvx.fr/ecohead/kondonizer/kondonizer-preview.png)

## Credits

- [Bootstrap Icons](https://icons.getbootstrap.com/) for all icons

- [Tailwind CSS](https://tailwindcss.com/) for default color palette

- [Unsplash](https://unsplash.com/) for all demo images

- [Symfony](https://symfony.com/) for demo API

- [Docusaurus](https://docusaurus.io/) for documentation website

## License

This library is MIT licensed.