Design system

This package serves as the core design system for all Picsart frontend applications. It provides a consistent and unified set of user interface components, as well as reusable services and helper functions for internal products.

Technical stack

- npm >=10.5.2 - package compatibility starts from specified version
- Node >=20.0.0 - corresponding version with npm
- ReactJs >=18.0.0 - application is using React Hooks, which is in stable release started from this version

Supported browsers list

- Chrome (>=63.0.0.0)
- Mozilla (>=58.0.0)
- Safari (>=10.0.0)
- IE (>=11)
- Edge (all versions)
- Opera (>=50.0.0)

Installation

npm install @picsart/design-system

Create Access token

1. Generate GitLab Personal access token

Open this link . Mark all checkboxes, set token name and click Create personal access token button. Copy generated token.
2. Add @Picsart registry to your npm global configs using command below

npm config set -- '@picsart:registry' 'https://gitlab.com/api/v4/packages/npm/'

npm config set -- '//gitlab.com/api/v4/packages/npm/:_authToken' ''

Documentation

See the documentation here

Contributing

For contributing go to link

🧪 Dev Commands

npm install

npm run storybook # Launch Storybook

npm run bundle