{"repo":"playcanvas/pcui","free":true,"listed":false,"github":"https://github.com/playcanvas/pcui","clone":"git clone https://github.com/playcanvas/pcui.git","description":"UI component library for web-based tools","language":"TypeScript","stars":791,"topics":["ui","ui-components","react","playcanvas","typescript","sass","pcui"],"license":"MIT","category":"ui-components","readme_excerpt":"PlayCanvas UI (PCUI) - User Interface Component Library for the Web User Manual API Reference ESM Examples React Examples Blog Forum This library enables the creation of reliable and visually pleasing user interfaces by providing fully styled components that you can use directly on your site. The components are useful in a wide range of use cases, from creating simple forms to building graphical user interfaces for complex web tools. A full guide to using the PCUI library can be found here. Getting Started To install the PCUI NPM module, run the following command: npm install @playcanvas/pcui You can then import each individual element from PCUI. In the example below, you can see how the PCUI Label component is imported from the PCUI library. The styles for PCUI are then imported into the example. Styles only need to be imported once per project. If you'd like to include PCUI in your React project, you can import the individual components as follows: Building a UMD bundle If you need a UMD version of the PCUI library (say, to use it in a PlayCanvas Editor project), please refer to our build guide. Fonts in PCUI PCUI uses four CSS classes for fonts across its components: .font-regular , .font-bold , .font-thin and .font-light . By default, these use the Helvetica Neue font stack: Using your own Font You can override PCUI's default font by adding your own font-family CSS rules to these classes on your webpage: Data Binding The PCUI library offers a data binding layer that can b","default_branch":null,"files":null,"tree":[],"storefront":"/r/playcanvas","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/playcanvas/pcui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}