@blockanalitica/ui NPM

markdown

Block Analitica UI Library

Welcome to the GitHub repository of the Block Analitica UI Library. This library is a comprehensive set of components and utilities designed specifically for building fast and efficient dashboard applications in the crypto project domain.

Features

Layout Components: Utilize Box, Flex, and Stack for creating flexible and responsive layouts.
SSR-Ready Components: A range of components like Table, Card, List, ErrorBox, and more, optimized for server-side rendering.
Client-Only Components: Enhance your client-side interactivity with components like ThemeProvider, Tabs, etc.
Customizable Themes: Choose from themes such as Atlas, makerdao-fyi, and more to style your dashboard.
Internationalization Utilities: Functions like formatNumber, formatPercentage, and formatCurrency for global adaptability.
React Hooks: A set of custom hooks like useThemeCustomProperties and useToggle for additional functionality.

Installation

# NPM
npm install @blockanalitica/ui

# Yarn
yarn add @blockanalitica/ui

# Bun
bun install @blockanalitica/ui

Usage

Here is a basic example to get you started:

import { Box, Table } from '@blockanalitica/ui';

function App() {
  return (
    <Box>
      <Table data={...} />
    </Box>
  );
}

Refer to our documentation for detailed usage of each component.

Development

Install Bun https://bun.sh/

curl -fsSL https://bun.sh/install | bash

Install libraries using bun install
Run storybook bun run storybook

To test your code, import it directly from the source code in the story

import { MyAtom } from '@atoms';

//... your story code

the only catch we still have is that types inside the library need to be imported from the relative path, we cannot use scoped relative paths.

// This will cause final bundle to not export the type to the library consumer
import { FlexProps } from '@atoms';

// Instead, we should import it like this
import { FlexProps } from 'path/to/atoms';

This is because types definitions are generated separatelly from bundle and there is still no (simple) way to resolve scoped imports for types.

@floating-ui/react @types/styled-components chart.js chartjs-adapter-luxon chartjs-chart-sankey chartjs-chart-treemap chartjs-plugin-annotation chartjs-plugin-datalabels d3 ethereum-blockies-base64 lodash randomcolor react react-dom react-helmet-async style-inject

@everything-registry/sub-chunk-131

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

10 months ago

11 months ago

11 months ago

10 months ago

12.0.0-pre-release.134

11 months ago

12.0.0-pre-release.135

11 months ago

12.0.0-pre-release.136

11 months ago

12.0.0-pre-release.137

11 months ago

12.0.0-pre-release.138

11 months ago

12.0.0-pre-release.139

11 months ago

12.0.0-pre-release.133

11 months ago

12.0.0-pre-release.122

11 months ago

12.0.0-pre-release.123

11 months ago

12.0.0-pre-release.124

11 months ago

12.0.0-pre-release.125

11 months ago

12.0.0-pre-release.126

11 months ago

12.0.0-pre-release.127

11 months ago

12.0.0-pre-release.128

11 months ago

12.0.0-pre-release.129

11 months ago

12.0.0-pre-release.120

11 months ago

12.0.0-pre-release.121

11 months ago

12.0.0-pre-release.119

11 months ago

12.0.0-pre-release.112

12 months ago

12.0.0-pre-release.113

11 months ago

12.0.0-pre-release.114

11 months ago

12.0.0-pre-release.115

11 months ago

12.0.0-pre-release.116

11 months ago

12.0.0-pre-release.117

11 months ago

12.0.0-pre-release.118

11 months ago

11.23.0

11 months ago

11.23.1

11 months ago

12.0.0-pre-release.130

11 months ago

12.0.0-pre-release.131

11 months ago

12.0.0-pre-release.132

11 months ago

12.0.0-pre-release.97

1 year ago

12.0.0-pre-release.96

1 year ago

12.0.0-pre-release.95

1 year ago

12.0.0-pre-release.94

1 year ago

12.0.0-pre-release.93

1 year ago

12.0.0-pre-release.92

1 year ago

12.0.0-pre-release.91

1 year ago

12.0.0-pre-release.90

1 year ago

12.0.0-pre-release.99

1 year ago

12.0.0-pre-release.98

1 year ago

12.0.0-pre-release.86

1 year ago

12.0.0-pre-release.85

1 year ago

12.0.0-pre-release.84

1 year ago

11.22.3

1 year ago

12.0.0-pre-release.83

1 year ago

12.0.0-pre-release.82

1 year ago

12.0.0-pre-release.81

1 year ago

11.22.4

1 year ago

12.0.0-pre-release.80

1 year ago

12.0.0-pre-release.89

1 year ago

12.0.0-pre-release.88

1 year ago

12.0.0-pre-release.87

1 year ago

12.0.0-pre-release.75

1 year ago

12.0.0-pre-release.74

1 year ago

12.0.0-pre-release.73

1 year ago

12.0.0-pre-release.72

1 year ago

12.0.0-pre-release.71

1 year ago

12.0.0-pre-release.70

1 year ago

12.0.0-pre-release.79

1 year ago

12.0.0-pre-release.78

1 year ago

12.0.0-pre-release.77

1 year ago

12.0.0-pre-release.76

1 year ago

12.0.0-pre-release.64

1 year ago

12.0.0-pre-release.63

1 year ago

12.0.0-pre-release.62

1 year ago

12.0.0-pre-release.61

1 year ago

12.0.0-pre-release.60

1 year ago

12.0.0-pre-release.69

1 year ago

12.0.0-pre-release.68

1 year ago

12.0.0-pre-release.67

1 year ago

12.0.0-pre-release.66

1 year ago

12.0.0-pre-release.65

1 year ago

12.0.0-pre-release.111

12 months ago

12.0.0-pre-release.110

12 months ago

12.0.0-pre-release.108

12 months ago

12.0.0-pre-release.109

12 months ago

12.0.0-pre-release.100

12 months ago

12.0.0-pre-release.101

12 months ago

12.0.0-pre-release.102

12 months ago

12.0.0-pre-release.103

12 months ago

12.0.0-pre-release.104

12 months ago

12.0.0-pre-release.105

12 months ago

12.0.0-pre-release.106

12 months ago

12.0.0-pre-release.107

12 months ago

12.0.0-pre-release.59

1 year ago

12.0.0-pre-release.58

1 year ago

12.0.0-pre-release.57

1 year ago

12.0.0-pre-release.56

1 year ago

12.0.0-pre-release.55

1 year ago

12.0.0-pre-release.53

1 year ago

12.0.0-pre-release.52

1 year ago

12.0.0-pre-release.54

1 year ago

12.0.0-pre-release.51

1 year ago

12.0.0-pre-release.50

1 year ago

12.0.0-pre-release.49

1 year ago

12.0.0-pre-release.48

1 year ago

12.0.0-pre-release.47

1 year ago

12.0.0-pre-release.46

1 year ago

12.0.0-pre-release.45

1 year ago

12.0.0-pre-release.44

1 year ago

12.0.0-pre-release.43

1 year ago

12.0.0-pre-release.42

1 year ago

12.0.0-pre-release.41

1 year ago

12.0.0-pre-release.40

1 year ago

12.0.0-pre-release.39

1 year ago

11.22.2

1 year ago

12.0.0-pre-release.38

1 year ago

12.0.0-pre-release.37

1 year ago

12.0.0-pre-release.36

1 year ago

11.22.1

1 year ago

11.22.0

1 year ago

12.0.0-pre-release.35

1 year ago

12.0.0-pre-release.34

1 year ago

12.0.0-pre-release.33

1 year ago

12.0.0-pre-release.31

1 year ago

12.0.0-pre-release.32

1 year ago

12.0.0-pre-release.30

1 year ago

12.0.0-pre-release.29

1 year ago

12.0.0-pre-release.28

1 year ago

12.0.0-pre-release.27

1 year ago

12.0.0-pre-release.26

1 year ago

12.0.0-pre-release.25

1 year ago

12.0.0-pre-release.24

1 year ago

12.0.0-pre-release.23

1 year ago

12.0.0-pre-release.20

1 year ago

12.0.0-pre-release.22

1 year ago

12.0.0-pre-release.21

1 year ago

12.0.0-pre-release.19

1 year ago

12.0.0-pre-release.18

1 year ago

12.0.0-pre-release.17

1 year ago

12.0.0-pre-release.16

1 year ago

12.0.0-pre-release.15

1 year ago

12.0.0-pre-release.9

1 year ago

12.0.0-pre-release.14

1 year ago

12.0.0-pre-release.13

1 year ago

12.0.0-pre-release.12

1 year ago

12.0.0-pre-release.11

1 year ago

12.0.0-pre-release.10

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11.18.0-pre-release.1

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago