skilesare/ORIGYN_ART_UI

UI for Art Certificate

ORIGYN ART UI

React UI library created for and used by Origyn Decentralized Applications.

🏁 Quickstart

All components in this library can be rendered in Storybook.

npm ci
npm run storybook

Browse to http://localhost:6006/.

File Structure

All components are located in the components folder.

-.storybook/
|-main.js
|-preview.js
-components
|-layout
|-brandIdentity
|-interface

brandIdentity - information about the default setup for components (corporate color palette, used icons, typography etc.)

layout - layout components (Grid, Flex, etc.)

interface - UI components (Buttons, Dropdowns etc.)

Links to fonts

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />