README
Lightweight admin panel components build with Tailwindcss, PurgeCSS, Vuejs, Fontawesome 5
Why Empathy?
Empathy is a component-based package. It can works smoothly with every backend language. It is primarily built using Tailwindcss CSS utilities. It is different because it doesn't require you to clone the repository before you start your project like other admin panels. All you need is your package.json
and your assets bundler. Install the package from NPM, set up the main components, set up your desired other components (in a fully customized fashion way) and you're finished. With purgeCSS, you can get a light and small-sized result.
Components
- Navbar component.
- Footer component.
- Panel component.
- Breadcrumb component.
- Form components.
- Alert components.
- Button components.
- Notification component.
- Table component.
- DataTable component.
- Add a new component.
installation
Install with NPM:
$ npm install @codolog/empathy --save
Or if you like Yarn:
$ yarn add @codolog/empathy
Docs & Demo
The documentation: https://empathy.js.org.
The demo: https://empathy.js.org/demo.
Dependancies
Empathy depends on the next tools:
- Tailwindcss library.
- Vue JavaScript framework.
- PurgeCSS to reduce CSS file size.
- Fontawesome 5 icons.
vue-slideout
Vue plugin.vue-slide-up-down
Vue plugin.vue-notification
Vue plugin.vue-good-table
Vue plugin.webfontloader
for loading fonts.
Contirbute
You can contribute and add your favorite component to the package by opening a new issue with an example before making a pull request. if you also found a bug, send me a pull request.
Contributes are also welcome by making the components with another javascript framework.
License
This project is MIT licensed.
Project by Abdalla Arbab.