@odpf/apsara NPM

Apsara

Apsara 🧚‍♀️ is an open-source re-usable UI components build using Radix UI and Stitches CSS-in-JS to power the projects for Open Data Platform. Open Data Platform has a large number of enterprise-level products. With complex scenarios, designers and developers often need to respond fast due to frequent changes in product demands and concurrent R & D workflow. Many similar contents exist in the process. Through abstraction, we could obtain some stable and highly reusable components and pages on top of Radix UI.

Key Features

Discover why users choose Apsara as the design system for their projects

Flexible Apsara components are built on top of a Radix UI Primitive and Stitches CSS-in-JS for endless composability.
Enterprise-grade Apsara features a UI design language for enterprise-grade web applications.
Abstraction Apsara provides abstracted components for bulding complex data interfaces.

Usage

$ yarn add @odpf/apsara
# or
$ npm install --save @odpf/apsara

Use Apsara components inside your react project

import { Button } from "@odpf/apsara";

<Button type="primary">I am using 🧚‍♀️ Apsara!</Button>;

Contribute

Development of Apsara happens in the open on GitHub, and we are grateful to the community for contributing bugfixes and improvements. Read below to learn how you can take part in improving Apsara.

Read our contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to Apsara.

To help you get your feet wet and get you familiar with our contribution process, we have a list of good first issues that contain bugs which have a relatively limited scope. This is a great place to get started.

This project exists thanks to all the contributors.