Overview

Empathy is a component-based package that can work smoothly with any backend language. It is primarily built using Tailwindcss CSS utilities and does not require cloning the repository before starting a project. Empathy focuses on simplicity and customization, allowing users to set up main components and desired additional components in a fully customized fashion. With the use of PurgeCSS, Empathy helps achieve a light and small-sized result. It offers a variety of components including Navbar, Footer, Panel, Breadcrumb, Form, Alert, Button, Notification, Table, and DataTable. Empathy can be installed via NPM or Yarn and is dependent on various tools such as Tailwindcss, Vue, PurgeCSS, Fontawesome 5 icons, vue-slideout Vue plugin, vue-slide-up-down Vue plugin, vue-notification Vue plugin, vue-good-table Vue plugin, and webfontloader for loading fonts. The project is MIT licensed and maintained by Abdalla Arbab.

Features

• Component-based package
• Compatible with all backend languages
• Built using Tailwindcss CSS utilities
• No need to clone the repository before starting a project
• Customizable components
• Uses PurgeCSS to reduce CSS file size
• Provides various components including Navbar, Footer, Panel, Breadcrumb, Form, Alert, Button, Notification, Table, and DataTable

Installation

To install Empathy, you can use either NPM or Yarn.

NPM:

npm install empathy

Yarn:

yarn add empathy

Summary

Empathy is a versatile component-based package that can seamlessly integrate with any backend language. Its simplicity, customization options, and small CSS file size make it a great choice for developers. Empathy offers a wide range of components for building responsive and user-friendly web applications. It is easy to install and can be used with popular package managers like NPM or Yarn. With its flexibility and compatibility, Empathy is a valuable tool for web developers.