Flexilla

Flexilla is an open-source set of unstyled interactive UI components for building interactive and customizable user interfaces.

Why Flexilla

Flexilla is a set of unstyled components that help you quickly add interactivity to your UI Element with accessibility in mind. Flexilla includes Dropdown, collapse, accordion, tabs, Offcanvas and more.

Installation

Install all components

To install the library :

1. Install It From Npm

You need to add it as a dependency in your project using npm or any other package manager

npm install @flexilla/flexilla

Or

yarn add @flexilla/flexilla

2. Use CDN

Import Module from CDN

<script type="module">
  import * as flexilla from 'https://cdn.jsdelivr.net/npm/@flexilla/flexilla@latest/+esm';
  new flexilla.Accordion("#ac-el")
</script>

Note : You can use any available CDN Deliver

Install a single package

If you want to use only one package or two then we recommand you to install only those packages

1. let's say you need an Accordion component only

npm install @flexilla/accordion

2. From CDN

<script type="module"> 
import * as flexillatabs from 'https://cdn.jsdelivr.net/npm/@flexilla/tabs@latest/+esm'
new  flexillatabs.Tabs("#myTabs")
</script>

Check all packages

Usage

See examples Here

Contributing

To contribute to this project, please make sure you read our contributing guide before submitting a pull request.

✨ Maintainers

Johnkat MJ
@johnkat-mj

Tresor Kasenda
@tresor-kasenda

🙌 Acknowledgement

Flexilla is made possible thanks to the inspirations from the following projects:

• Preline Plugins
• Flowbite Plugin

Community

Connect with us for future updates

• Discord.

📄 License

This project is licensed under the MIT License - see the MIT License file for details.