All Projects → WeTrustPlatform → paramount

WeTrustPlatform / paramount

Licence: MIT license
React Component Library for React Native and React Web

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to paramount

Styleguide
The VTEX Design System and React component library.
Stars: ✭ 138 (+500%)
Mutual labels:  component-library, design-system
Welcome Ui
Customizable design system of @wttj with react • styled-components • styled-system • reakit
Stars: ✭ 256 (+1013.04%)
Mutual labels:  customizable, design-system
Vue Design System
An open source tool for building UI Design Systems with Vue.js
Stars: ✭ 2,077 (+8930.43%)
Mutual labels:  component-library, design-system
Purescript Ocelot
An opinionated component library for Halogen apps
Stars: ✭ 81 (+252.17%)
Mutual labels:  component-library, design-system
react-uswds
USWDS 3.0 components built in React
Stars: ✭ 108 (+369.57%)
Mutual labels:  component-library, design-system
Barista
Barista - the Dynatrace design system. Tailored to scale.
Stars: ✭ 107 (+365.22%)
Mutual labels:  component-library, design-system
Ugnis
Visual CSS generator for React
Stars: ✭ 249 (+982.61%)
Mutual labels:  component-library, design-system
Orbit
React components of open-source Orbit design system by Kiwi.com
Stars: ✭ 774 (+3265.22%)
Mutual labels:  component-library, design-system
react-dsfr
Non-official React components of the official french Système de Design de l'État.
Stars: ✭ 48 (+108.7%)
Mutual labels:  component-library, design-system
paragon
💎 An accessible, theme-ready design system built for learning applications and Open edX.
Stars: ✭ 85 (+269.57%)
Mutual labels:  component-library, design-system
Components
Primer React components
Stars: ✭ 1,133 (+4826.09%)
Mutual labels:  component-library, design-system
dorai-ui
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems
Stars: ✭ 34 (+47.83%)
Mutual labels:  component-library, design-system
Website
Website and documentation for Radix.
Stars: ✭ 45 (+95.65%)
Mutual labels:  component-library, design-system
Aksara Ui
Aksara Design System, from Kata.ai.
Stars: ✭ 107 (+365.22%)
Mutual labels:  component-library, design-system
Axiom React
Axiom - Brandwatch design system and React pattern library
Stars: ✭ 41 (+78.26%)
Mutual labels:  component-library, design-system
Carbon Web Components
Carbon Design System variant on top of Web Components
Stars: ✭ 171 (+643.48%)
Mutual labels:  component-library, design-system
Carbon Components Svelte
Svelte implementation of the Carbon Design System
Stars: ✭ 685 (+2878.26%)
Mutual labels:  component-library, design-system
Clarity
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
Stars: ✭ 6,398 (+27717.39%)
Mutual labels:  component-library, design-system
design-systems
A list of famous design systems, design languages and guidelines
Stars: ✭ 403 (+1652.17%)
Mutual labels:  component-library, design-system
react
An implementation of GitHub's Primer Design System using React
Stars: ✭ 2,023 (+8695.65%)
Mutual labels:  component-library, design-system

Paramount

Master Branch npm GitHub

Paramount UI is a React components library. The core features of this library is

  • Cross platform. Components work and look the same on Web, iOS, Android and Desktop apps
  • Customizable. The theming and components are highly customizable, so that you can adapt to your branding needs.
  • 35+ components. Building blocks from buttons to responsive layout and icons for your application

Warning

Paramount UI is considered unstable until version 2.x

Documentation

On getting started, components documentation and guides, visit full documentation

Usage

Here is an example of using the library:

import React from 'react';
import { ThemeProvider, Button } from 'paramount-ui';

const App = () => (
  <ThemeProvider>
    <Button color="primary" appearance="minimal" title="Hello World" />
  </ThemeProvider>
);

Getting started

yarn add paramount-ui
# or
npm install --save paramount-ui

Setup on Web

Create React App works out of the box with paramount-ui.

For alternative setup, follow the guides on react-native-web

Setup on Native

Expo works out of the box with paramount-ui

If you do not have react-native-vector-icons dependency in your setup, install it

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].