biings-ds

Biings Design System

Biings DS (BDS) is the design system for Biings applications and web pages. It is a series of guidelines and components used for creating unified UI. Avoid creating your own CSS code by combining components and modifiers together.

---

Components

A library of all BDS components.

Colors

Color brings a design to life.

Voice & Tone

Good design starts with good copy. Voice expresses our personality.

Illustrations

What makes complex ideas more accessible.

---

Quick start

Using NPM

Install BDS in your project using the npm package biings-ds.

npm install biings-ds

Manually

Only two files are required to start using BDS:

---

bds.css
The only CSS file you'll need to use Biings DS. bds-icons.svg
An SVG sprite - created with svgstore - that includes all Biings DS icons.

---

How to contribute

Onboarding for designers and developers wanting to contribute. We welcome all feedback and ideas in order to produce the best possible experience for our users.

Start contributing