@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

12 months 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

12.0.0-pre-release.134

1 year ago

12.0.0-pre-release.135

1 year ago

12.0.0-pre-release.136

1 year ago

12.0.0-pre-release.137

1 year ago

12.0.0-pre-release.138

1 year ago

12.0.0-pre-release.139

1 year ago

12.0.0-pre-release.133

1 year ago

12.0.0-pre-release.122

1 year ago

12.0.0-pre-release.123

1 year ago

12.0.0-pre-release.124

1 year ago

12.0.0-pre-release.125

1 year ago

12.0.0-pre-release.126

1 year ago

12.0.0-pre-release.127

1 year ago

12.0.0-pre-release.128

1 year ago

12.0.0-pre-release.129

1 year ago

12.0.0-pre-release.120

1 year ago

12.0.0-pre-release.121

1 year ago

12.0.0-pre-release.119

1 year ago

12.0.0-pre-release.112

1 year ago

12.0.0-pre-release.113

1 year ago

12.0.0-pre-release.114

1 year ago

12.0.0-pre-release.115

1 year ago

12.0.0-pre-release.116

1 year ago

12.0.0-pre-release.117

1 year ago

12.0.0-pre-release.118

1 year ago

11.23.0

1 year ago

11.23.1

1 year ago

12.0.0-pre-release.130

1 year ago

12.0.0-pre-release.131

1 year ago

12.0.0-pre-release.132

1 year 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

1 year ago

12.0.0-pre-release.110

1 year ago

12.0.0-pre-release.108

1 year ago

12.0.0-pre-release.109

1 year ago

12.0.0-pre-release.100

1 year ago

12.0.0-pre-release.101

1 year ago

12.0.0-pre-release.102

1 year ago

12.0.0-pre-release.103

1 year ago

12.0.0-pre-release.104

1 year ago

12.0.0-pre-release.105

1 year ago

12.0.0-pre-release.106

1 year ago

12.0.0-pre-release.107

1 year 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

2 years ago

12.0.0-pre-release.37

2 years ago

12.0.0-pre-release.36

2 years ago

11.22.1

2 years ago

11.22.0

2 years ago

12.0.0-pre-release.35

2 years ago

12.0.0-pre-release.34

2 years ago

12.0.0-pre-release.33

2 years ago

12.0.0-pre-release.31

2 years ago

12.0.0-pre-release.32

2 years ago

12.0.0-pre-release.30

2 years ago

12.0.0-pre-release.29

2 years ago

12.0.0-pre-release.28

2 years ago

12.0.0-pre-release.27

2 years ago

12.0.0-pre-release.26

2 years ago

12.0.0-pre-release.25

2 years ago

12.0.0-pre-release.24

2 years ago

12.0.0-pre-release.23

2 years ago

12.0.0-pre-release.20

2 years ago

12.0.0-pre-release.22

2 years ago

12.0.0-pre-release.21

2 years ago

12.0.0-pre-release.19

2 years ago

12.0.0-pre-release.18

2 years ago

12.0.0-pre-release.17

2 years ago

12.0.0-pre-release.16

2 years ago

12.0.0-pre-release.15

2 years ago

12.0.0-pre-release.9

2 years ago

12.0.0-pre-release.14

2 years ago

12.0.0-pre-release.13

2 years ago

12.0.0-pre-release.12

2 years ago

12.0.0-pre-release.11

2 years ago

12.0.0-pre-release.10

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

11.18.0-pre-release.1

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

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago