Elephas Design System was created to build consistent user interfaces across different teams and products at Center of Financial Technologies. Our goal is to maintain great developer experience for software engineers, no matter which platform they are building on.
This repository contains CSS classes along with HTML examples and Storybook documentation. It is a base for developing component libraries with React and Angular, but can be also used as a standalone solution if you wish to avoid using JS frameworks.
# Yarn
yarn add @elephas/core @elephas/layout
# npm
npm install @elephas/core @elephas/layoutImport CSS in your project as following:
import '@elephas/layout/styles.min.css';
import '@elephas/core/styles.min.css';Download minified CSS files attached to the latest release.
<link rel="stylesheet" href="https://unpkg.com/@elephas/layout@latest/styles.min.css" />
<link rel="stylesheet" href="https://unpkg.com/@elephas/core@latest/styles.min.css" />Elephas components use Inter font with 400, 500, and 600 weights. Make sure to download and add it to your project, or use Google Fonts:
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">Source code is under a custom license based on MIT. The license restricts Elephas usage to applications that integrate or interoperate with Center of Financial Technologies software or services, with additional restrictions for external, stand-alone applications.