1.90.2 ā€¢ Published 12 months ago

@ultraviolet/ui v1.90.2

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
12 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

12 months ago

1.90.1

12 months ago

1.90.0

12 months ago

1.89.2

1 year ago

1.89.1

1 year ago

1.89.0

1 year ago

1.88.1

1 year ago

1.88.0

1 year ago

1.87.0

1 year ago

1.87.1

1 year ago

1.87.2

1 year ago

1.87.3

1 year ago

1.85.2

1 year ago

1.85.3

1 year ago

1.86.0

1 year ago

1.84.2

1 year ago

1.84.3

1 year ago

1.84.4

1 year ago

1.84.5

1 year ago

1.85.0

1 year ago

1.85.1

1 year ago

1.84.1

1 year ago

1.83.1

1 year ago

1.83.2

1 year ago

1.84.0

1 year ago

1.82.3

1 year ago

1.83.0

1 year ago

1.82.1

1 year ago

1.82.2

1 year ago

1.82.0

1 year ago

1.81.3

1 year ago

1.80.0

1 year ago

1.81.0

1 year ago

1.81.1

1 year ago

1.81.2

1 year ago

1.79.0

1 year ago

1.78.1

1 year ago

1.77.4

1 year ago

1.78.0

1 year ago

1.77.1

1 year ago

1.77.2

1 year ago

1.77.3

1 year ago

1.76.0

1 year ago

1.77.0

1 year ago

1.75.3

1 year ago

1.75.4

1 year ago

1.75.1

1 year ago

1.75.2

1 year ago

1.74.0

1 year ago

1.75.0

1 year ago

1.73.2

1 year ago

1.73.0

1 year ago

1.73.1

1 year ago

1.71.0

1 year ago

1.71.1

1 year ago

1.72.0

1 year ago

1.72.1

1 year ago

1.72.2

1 year ago

1.72.3

1 year ago

1.70.0

1 year ago

1.70.1

1 year ago

1.70.2

1 year ago

1.68.1

2 years ago

1.69.0

2 years ago

1.67.3

2 years ago

1.68.0

2 years ago

1.67.2

2 years ago

1.67.1

2 years ago

1.67.0

2 years ago

1.65.0

2 years ago

1.65.1

2 years ago

1.65.2

2 years ago

1.66.0

2 years ago

1.64.0

2 years ago

1.56.1

2 years ago

1.56.0

2 years ago

1.63.0

2 years ago

1.57.0

2 years ago

1.57.1

2 years ago

1.60.0

2 years ago

1.58.0

2 years ago

1.61.1

2 years ago

1.61.0

2 years ago

1.59.0

2 years ago

1.59.1

2 years ago

1.62.0

2 years ago

1.55.0

2 years ago

1.53.4

2 years ago

1.53.3

2 years ago

1.55.2

2 years ago

1.55.1

2 years ago

1.55.3

2 years ago

1.54.0

2 years ago

1.53.2

2 years ago

1.53.1

2 years ago

1.53.0

2 years ago

1.52.0

2 years ago

1.51.5

2 years ago

1.51.4

2 years ago

1.51.3

2 years ago

1.51.2

2 years ago

1.51.1

2 years ago

1.51.0

2 years ago

1.50.0

2 years ago

1.49.0

2 years ago

1.48.1

2 years ago

1.48.0

2 years ago

1.47.1

2 years ago

1.47.0

2 years ago

1.46.0

2 years ago

1.45.6

2 years ago

1.45.5

2 years ago

1.45.4

2 years ago

1.45.3

2 years ago

1.45.2

2 years ago

1.45.1

2 years ago

1.45.0

2 years ago

1.44.0

2 years ago

1.43.2

2 years ago

1.43.1

2 years ago

1.42.0

2 years ago

1.43.0

2 years ago

1.41.1

2 years ago

1.41.0

2 years ago

1.40.1

2 years ago

1.40.0

2 years ago

1.39.0

2 years ago

1.38.0

2 years ago

1.37.1

2 years ago

1.37.0

2 years ago

1.36.0

2 years ago

1.35.0

2 years ago

1.34.0

2 years ago

1.33.0

2 years ago

1.32.1

2 years ago

1.32.2

2 years ago

1.32.0

2 years ago

1.31.7

2 years ago

1.31.5

2 years ago

1.31.6

2 years ago

1.31.3

2 years ago

1.31.4

2 years ago

1.31.2

2 years ago

1.31.1

2 years ago

1.31.0

2 years ago

1.30.0

2 years ago

1.29.4

2 years ago

1.29.3

2 years 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

3 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

3 years ago

1.8.1

3 years ago

1.4.5

3 years ago

1.8.0

3 years ago

1.4.4

3 years ago

1.6.1

3 years ago

1.4.3

3 years ago

1.6.0

3 years ago

1.4.2

3 years ago

1.4.1

3 years ago

1.4.0

3 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

3 years ago

1.15.0

2 years ago

1.1.1

3 years ago

1.13.1

2 years ago

1.11.2

3 years ago

1.11.1

3 years ago

1.19.0

2 years ago

1.17.0

2 years ago

1.15.1

2 years ago

1.9.0

3 years ago

1.7.0

3 years ago

1.5.0

3 years ago

1.3.2

3 years ago

1.3.1

3 years ago

1.3.0

3 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

3 years ago

1.8.3

3 years ago

1.4.7

3 years ago

1.10.1

3 years ago

1.10.0

3 years ago

1.1.0

3 years ago

1.0.0

3 years ago