1.3.9 • Published 7 days ago

@yamada-ui/react v1.3.9

Weekly downloads
-
License
MIT
Repository
github
Last release
7 days ago

Yamada UI is a React UI component library that streamlines the development of cutting-edge web applications and websites. This library offers a diverse range of components that can be easily combined to construct complex user interfaces, incorporating various features such as color modes and animations, which are not typically supported by other React UI component libraries.

Contents

Respect

Yamada UI has drawn a lot of inspiration from Chakra UI, MUI and Mantine UI. This has brought me wonderful experiences in my life. I am deeply grateful to Segun Adebayo and all the gods who have given me such experiences. And I love them.

Documentation

Currently, the documentation is only available in Storybook. However, Storybook contains usage instructions for each prop of all the components.

Features

  • Ease of Styling: Yamada UI contains a set of layout components like Box and Stack that make it easy to style your components by passing props.
  • Flexible & composable: Yamada UI components are built on top of a React UI Primitive for endless composability.
  • Animation: Yamada UI provides hooks that allow for easy declaration of animations. These hooks can be written similar to CSS animations and are supported by all components.
  • Color mode: Yamada UI makes it easy to set values for each color mode in the props of all components. This is not currently implemented in any other React UI component library.
  • Theme switching: Yamada UI allows users to switch themes. Users can adapt their own themes and use web applications and websites. This is not currently implemented in any other React UI component library.
  • Other features: Yamada UI comes with essential loading and notification features that are considered crucial for modern web applications and websites. This means you don't have to define them individually yourself.

Installation

$ pnpm add @yamada-ui/react

or

$ yarn add @yamada-ui/react

or

$ npm install @yamada-ui/react

Usage

To get started with using the components, please follow the steps below:

  1. Wrap your application with the UIProvider provided
import { UIProvider } from '@yamada-ui/react'

const App = ({ children }) => {
  return <UIProvider>{children}</UIProvider>
}

export default App

Yamada UI supports light and dark modes by default

  1. Now you can start using components like so
import { Box, Text } from '@yamada-ui/react'

const Example = () => {
  return (
    <Box>
      <Text>ギャルのパンティーおくれーーーっ!!!!!</Text>
    </Box>
  )
}

Contribution

Wouldn't you like to contribute? That's amazing! We have prepared a contribution guide to assist you.

Licence

This package is licensed under the terms of the MIT license.

@yamada-ui/accordion@yamada-ui/alert@yamada-ui/autocomplete@yamada-ui/avatar@yamada-ui/badge@yamada-ui/breadcrumb@yamada-ui/button@yamada-ui/card@yamada-ui/checkbox@yamada-ui/close-button@yamada-ui/color-picker@yamada-ui/core@yamada-ui/editable@yamada-ui/file-button@yamada-ui/file-input@yamada-ui/focus-lock@yamada-ui/form-control@yamada-ui/highlight@yamada-ui/icon@yamada-ui/image@yamada-ui/indicator@yamada-ui/infinite-scroll-area@yamada-ui/input@yamada-ui/kbd@yamada-ui/layouts@yamada-ui/link@yamada-ui/list@yamada-ui/loading@yamada-ui/menu@yamada-ui/modal@yamada-ui/motion@yamada-ui/native-select@yamada-ui/native-table@yamada-ui/notice@yamada-ui/number-input@yamada-ui/pagination@yamada-ui/pin-input@yamada-ui/popover@yamada-ui/portal@yamada-ui/progress@yamada-ui/providers@yamada-ui/radio@yamada-ui/rating@yamada-ui/reorder@yamada-ui/resizable@yamada-ui/ripple@yamada-ui/scroll-area@yamada-ui/segmented-control@yamada-ui/select@yamada-ui/skeleton@yamada-ui/slider@yamada-ui/snacks@yamada-ui/stat@yamada-ui/stepper@yamada-ui/switch@yamada-ui/tabs@yamada-ui/tag@yamada-ui/textarea@yamada-ui/theme@yamada-ui/theme-tools@yamada-ui/toggle@yamada-ui/tooltip@yamada-ui/transitions@yamada-ui/typography@yamada-ui/use-animation@yamada-ui/use-boolean@yamada-ui/use-breakpoint@yamada-ui/use-clickable@yamada-ui/use-clipboard@yamada-ui/use-controllable-state@yamada-ui/use-counter@yamada-ui/use-descendant@yamada-ui/use-disclosure@yamada-ui/use-event-listener@yamada-ui/use-eye-dropper@yamada-ui/use-focus@yamada-ui/use-focus-visible@yamada-ui/use-hover@yamada-ui/use-idle@yamada-ui/use-infinite-scroll@yamada-ui/use-interval@yamada-ui/use-latest-ref@yamada-ui/use-local-storage@yamada-ui/use-media-query@yamada-ui/use-os@yamada-ui/use-outside-click@yamada-ui/use-pan-event@yamada-ui/use-popper@yamada-ui/use-previous@yamada-ui/use-resize-observer@yamada-ui/use-size@yamada-ui/use-timeout@yamada-ui/use-token@yamada-ui/use-value@yamada-ui/use-window-event@yamada-ui/utils
1.3.9

9 days ago

1.3.8

14 days ago

1.3.7

21 days ago

1.3.6

22 days ago

1.3.5

26 days ago

1.3.4

29 days ago

1.3.3

1 month ago

1.3.2

1 month ago

1.3.1

1 month ago

1.3.0

2 months ago

1.2.11

2 months ago

1.2.10

2 months ago

1.2.9

2 months ago

1.2.8

2 months ago

1.2.7

3 months ago

1.2.6

3 months ago

1.2.5

3 months ago

1.2.4

3 months ago

1.2.3

3 months ago

1.2.2

4 months ago

1.2.0

4 months ago

1.2.1

4 months ago

1.1.10

4 months ago

1.1.9

4 months ago

1.1.8

4 months ago

1.1.7

4 months ago

1.1.6

4 months ago

1.1.5

4 months ago

1.1.4

4 months ago

1.1.3

4 months ago

1.1.2

4 months ago

1.1.1

4 months ago

1.1.0

4 months ago

1.0.5

5 months ago

1.0.4

5 months ago

1.0.3

5 months ago

0.9.9

5 months ago

1.0.2

5 months ago

1.0.1

5 months ago

1.0.0

5 months ago

0.9.10

5 months ago

0.9.8

5 months ago

0.9.7

5 months ago

0.9.6

5 months ago

0.9.5

5 months ago

0.9.4

5 months ago

0.9.3

5 months ago

0.9.2

5 months ago

0.9.1

5 months ago

0.9.0

5 months ago

0.8.36

5 months ago

0.8.9

7 months ago

0.5.10

10 months ago

0.8.8

7 months ago

0.5.11

10 months ago

0.8.5

7 months ago

0.8.4

7 months ago

0.8.7

7 months ago

0.8.6

7 months ago

0.5.18

10 months ago

0.5.19

10 months ago

0.5.16

10 months ago

0.5.17

10 months ago

0.5.14

10 months ago

0.5.15

10 months ago

0.5.12

10 months ago

0.5.13

10 months ago

0.7.2

8 months ago

0.7.1

8 months ago

0.7.4

8 months ago

0.7.3

8 months ago

0.7.0

8 months ago

0.8.1

7 months ago

0.8.0

7 months ago

0.8.3

7 months ago

0.8.2

7 months ago

0.5.4

10 months ago

0.5.3

10 months ago

0.5.6

10 months ago

0.5.5

10 months ago

0.5.0

11 months ago

0.5.2

10 months ago

0.5.1

11 months ago

0.7.9

7 months ago

0.7.6

7 months ago

0.7.5

8 months ago

0.7.8

7 months ago

0.7.7

7 months ago

0.5.21

9 months ago

0.5.22

9 months ago

0.5.20

9 months ago

0.5.27

9 months ago

0.5.28

9 months ago

0.5.25

9 months ago

0.5.26

9 months ago

0.5.23

9 months ago

0.5.24

9 months ago

0.6.3

8 months ago

0.6.2

8 months ago

0.6.4

8 months ago

0.6.1

8 months ago

0.5.7

10 months ago

0.5.9

10 months ago

0.8.34

5 months ago

0.8.33

6 months ago

0.8.35

5 months ago

0.8.30

6 months ago

0.8.32

6 months ago

0.8.31

6 months ago

0.8.23

6 months ago

0.8.22

6 months ago

0.8.25

6 months ago

0.8.24

6 months ago

0.8.21

6 months ago

0.8.20

6 months ago

0.8.27

6 months ago

0.8.26

6 months ago

0.8.29

6 months ago

0.8.28

6 months ago

0.8.12

6 months ago

0.8.11

7 months ago

0.8.13

6 months ago

0.8.10

7 months ago

0.8.19

6 months ago

0.8.16

6 months ago

0.8.15

6 months ago

0.8.17

6 months ago

0.4.7

11 months ago

0.4.6

11 months ago

0.4.5

11 months ago

0.4.4

11 months ago

0.4.3

11 months ago

0.4.2

11 months ago

0.4.1

11 months ago

0.4.0

11 months ago

0.3.2

11 months ago

0.3.1

11 months ago

0.3.0

11 months ago

0.2.11

11 months ago

0.2.10

11 months ago

0.2.9

11 months ago

0.2.8

11 months ago

0.2.7

11 months ago

0.2.6

11 months ago

0.2.5

11 months ago

0.2.4

11 months ago

0.2.3

11 months ago

0.2.2

11 months ago

0.2.1

11 months ago

0.2.0

11 months ago

0.1.2

11 months ago

0.1.1

11 months ago

0.1.0

12 months ago