Empathy

screenshot of Empathy
vue
tailwind

:heart: Lightweight admin dashboard build with Tailwindcss, PurgeCSS, Vuejs, Fontawesome 5.

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

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.