1.90.2 ā€¢ Published 3 months ago

@ultraviolet/ui v1.90.2

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
3 months ago

Ultraviolet UI

npm version

Ultraviolet UI is a set of React components and utilities to build fast application.

Get Started

$ pnpm add @ultraviolet/ui @ultraviolet/themes @emotion/react @emotion/styled

You will also need to import fonts in your project by adding:

<link
  href="https://fonts.cdnfonts.com/css/inter?styles=29139,29137,29140"
  rel="stylesheet"
/>
<link
  href="https://fonts.cdnfonts.com/css/jetbrains-mono-2?styles=156604"
  rel="stylesheet"
/>
<link
  href="https://fonts.cdnfonts.com/css/space-grotesk?styles=24816,24815,24817"
  rel="stylesheet"
/>

Usage

import { Global, ThemeProvider, css } from '@emotion/react'
import { Button, normalize, theme } from '@ultraviolet/ui'

const App = () => (
  <ThemeProvider theme={theme}>
    <Global
      styles={css`
        ${normalize()}
      `}
    />
    <Button onClick={() => console.log('clicked')}>Click Me</Button>
  </ThemeProvider>
)

Note: To generate your own theme easily you can check the theme generator.

Typescript

To allow typescript theme typings with @emotion/styled components, you'll have to define the @emotion/react module Theme interface in your project.

For example, in a emotion.d.ts file:

  • Declaration to use the default Ultraviolet Themes
import '@emotion/react'
import type { UltravioletUITheme } from '@ultraviolet/ui'

declare module '@emotion/react' {
  export interface Theme extends UltravioletUITheme {}
}
  • Declaration to use your custom theme
import '@emotion/react'
import type { MyTheme } from './src/theme'

declare module '@emotion/react' {
  export interface Theme extends MyTheme {}
}

Documentation

Checkout our documentation website.

Contributing

šŸ“ You can participate in the development and start contributing to it.

reactreactjsui
@emotion/serialize@nivo/bar@nivo/core@nivo/line@nivo/pie@nivo/scales@scaleway/random-name@scaleway/use-mediadeepmergereact-selectreact-toastifyreact-use-clipboardreakit@ultraviolet/icons@ultraviolet/themes
@everything-registry/sub-chunk-964@ultraviolet/form@ultraviolet/plus
1.90.2

3 months ago

1.90.1

3 months ago

1.90.0

3 months ago

1.89.2

3 months ago

1.89.1

4 months ago

1.89.0

4 months ago

1.88.1

4 months ago

1.88.0

4 months ago

1.87.0

4 months ago

1.87.1

4 months ago

1.87.2

4 months ago

1.87.3

4 months ago

1.85.2

4 months ago

1.85.3

4 months ago

1.86.0

4 months ago

1.84.2

5 months ago

1.84.3

5 months ago

1.84.4

5 months ago

1.84.5

5 months ago

1.85.0

5 months ago

1.85.1

5 months ago

1.84.1

5 months ago

1.83.1

5 months ago

1.83.2

5 months ago

1.84.0

5 months ago

1.82.3

6 months ago

1.83.0

5 months ago

1.82.1

6 months ago

1.82.2

6 months ago

1.82.0

6 months ago

1.81.3

6 months ago

1.80.0

7 months ago

1.81.0

6 months ago

1.81.1

6 months ago

1.81.2

6 months ago

1.79.0

7 months ago

1.78.1

7 months ago

1.77.4

7 months ago

1.78.0

7 months ago

1.77.1

7 months ago

1.77.2

7 months ago

1.77.3

7 months ago

1.76.0

7 months ago

1.77.0

7 months ago

1.75.3

8 months ago

1.75.4

8 months ago

1.75.1

8 months ago

1.75.2

8 months ago

1.74.0

8 months ago

1.75.0

8 months ago

1.73.2

8 months ago

1.73.0

8 months ago

1.73.1

8 months ago

1.71.0

9 months ago

1.71.1

9 months ago

1.72.0

9 months ago

1.72.1

9 months ago

1.72.2

9 months ago

1.72.3

9 months ago

1.70.0

9 months ago

1.70.1

9 months ago

1.70.2

9 months ago

1.68.1

10 months ago

1.69.0

10 months ago

1.67.3

11 months ago

1.68.0

11 months ago

1.67.2

11 months ago

1.67.1

11 months ago

1.67.0

11 months ago

1.65.0

11 months ago

1.65.1

11 months ago

1.65.2

11 months ago

1.66.0

11 months ago

1.64.0

11 months ago

1.56.1

12 months ago

1.56.0

1 year ago

1.63.0

11 months ago

1.57.0

12 months ago

1.57.1

12 months ago

1.60.0

12 months ago

1.58.0

12 months ago

1.61.1

11 months ago

1.61.0

12 months ago

1.59.0

12 months ago

1.59.1

12 months ago

1.62.0

11 months ago

1.55.0

1 year ago

1.53.4

1 year ago

1.53.3

1 year ago

1.55.2

1 year ago

1.55.1

1 year ago

1.55.3

1 year ago

1.54.0

1 year ago

1.53.2

1 year ago

1.53.1

1 year ago

1.53.0

1 year ago

1.52.0

1 year ago

1.51.5

1 year ago

1.51.4

1 year ago

1.51.3

1 year ago

1.51.2

1 year ago

1.51.1

1 year ago

1.51.0

1 year ago

1.50.0

1 year ago

1.49.0

1 year ago

1.48.1

1 year ago

1.48.0

1 year ago

1.47.1

1 year ago

1.47.0

1 year ago

1.46.0

1 year ago

1.45.6

1 year ago

1.45.5

1 year ago

1.45.4

1 year ago

1.45.3

1 year ago

1.45.2

1 year ago

1.45.1

1 year ago

1.45.0

1 year ago

1.44.0

1 year ago

1.43.2

1 year ago

1.43.1

1 year ago

1.42.0

1 year ago

1.43.0

1 year ago

1.41.1

1 year ago

1.41.0

1 year ago

1.40.1

1 year ago

1.40.0

1 year ago

1.39.0

1 year ago

1.38.0

1 year ago

1.37.1

1 year ago

1.37.0

1 year ago

1.36.0

1 year ago

1.35.0

1 year ago

1.34.0

1 year ago

1.33.0

1 year ago

1.32.1

1 year ago

1.32.2

1 year ago

1.32.0

1 year ago

1.31.7

1 year ago

1.31.5

1 year ago

1.31.6

1 year ago

1.31.3

1 year ago

1.31.4

1 year ago

1.31.2

1 year ago

1.31.1

1 year ago

1.31.0

1 year ago

1.30.0

1 year ago

1.29.4

1 year ago

1.29.3

1 year ago

1.29.2

2 years ago

1.29.1

2 years ago

1.29.0

2 years ago

1.28.0

2 years ago

1.27.3

2 years ago

1.2.0

2 years ago

1.14.0

2 years ago

1.18.1

2 years ago

1.18.0

2 years ago

1.16.0

2 years ago

1.8.2

2 years ago

1.8.1

2 years ago

1.4.5

2 years ago

1.8.0

2 years ago

1.4.4

2 years ago

1.6.1

2 years ago

1.4.3

2 years ago

1.6.0

2 years ago

1.4.2

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.21.0

2 years ago

1.21.1

2 years ago

1.25.0

2 years ago

1.23.0

2 years ago

1.27.2

2 years ago

1.27.0

2 years ago

1.27.1

2 years ago

1.11.0

2 years ago

1.15.0

2 years ago

1.1.1

2 years ago

1.13.1

2 years ago

1.11.2

2 years ago

1.11.1

2 years ago

1.19.0

2 years ago

1.17.0

2 years ago

1.15.1

2 years ago

1.9.0

2 years ago

1.7.0

2 years ago

1.5.0

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.20.1

2 years ago

1.22.0

2 years ago

1.20.2

2 years ago

1.20.0

2 years ago

1.24.1

2 years ago

1.26.0

2 years ago

1.24.2

2 years ago

1.24.0

2 years ago

1.26.1

2 years ago

1.26.2

2 years ago

1.8.4

2 years ago

1.8.3

2 years ago

1.4.7

2 years ago

1.10.1

2 years ago

1.10.0

2 years ago

1.1.0

2 years ago

1.0.0

2 years ago