@yamada-ui/core NPM

@yamada-ui/core

Styled API for creating atomic, theme-aware component styling.

Installation

$ pnpm add @yamada-ui/core

$ yarn add @yamada-ui/core

$ npm install @yamada-ui/core

Problem

In modern web development, we have lots of solutions and architectures that have tried to unify how components are styled. We've seen CSS architectures like BEM, SMACSS, etc, and frameworks like Bootstrap, and Tailwind CSS.

While these solutions work great, we still think there is a sheer amount of work required to create a fully customizable, theme-aware component.

Moreover, Many existing UI component libraries, which have been around for a long time, are facing challenges in aligning with the requirements of modern web development.

Solutions

UI Elements

Yamada UI provides enhanced JSX elements that can be styled directly via props, or can accept the common sx prop for custom styles.

We'll provide a ui function, just like styled-components. Users can create any component using the ui.[element]. The resulting component will be a styled component and have all system props.

<ui.div bg="green" _hover={{ bg: "red" }}>Hover me</ui.div>

<ui.h1 fontSize="2rem">Yamada UI</ui.h1>

// create your own box
const Box = ui.div

// or

const Box = ui("div", {
  baseStyle: {
    // ... your styles
  }
})

// you can still use the `as` prop
<Box as="h1">This is my box</Box>

// components that inherit the logic of Yamada UI.
const UIComponent = ui(YourComponent)

Contribution

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

License

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

yamada yamada ui theme theming component emotion ui ui-component css-in-js style styled style-props styled-component system design-system

@emotion/css @emotion/react @emotion/sheet @emotion/styled csstype react-fast-compare @yamada-ui/portal @yamada-ui/utils

@everything-registry/sub-chunk-1037 @yamada-ui/button @yamada-ui/calendar @yamada-ui/carousel @yamada-ui/card @yamada-ui/autocomplete @yamada-ui/badge @yamada-ui/avatar @yamada-ui/breadcrumb @yamada-ui/motion @yamada-ui/menu @yamada-ui/modal @yamada-ui/alert @yamada-ui/accordion @yamada-ui/checkbox @yamada-ui/color-picker @yamada-ui/close-button @yamada-ui/charts @yamada-ui/notice @yamada-ui/number-input @yamada-ui/pagination @yamada-ui/native-table @yamada-ui/nextjs @yamada-ui/native-select @yamada-ui/popover @yamada-ui/layouts @yamada-ui/input @yamada-ui/image @yamada-ui/kbd @yamada-ui/indicator @yamada-ui/infinite-scroll-area @yamada-ui/loading @yamada-ui/list @yamada-ui/link @yamada-ui/markdown @yamada-ui/select @yamada-ui/scroll-area @yamada-ui/ripple @yamada-ui/resizable @yamada-ui/segmented-control @yamada-ui/dropzone @yamada-ui/date-picker @yamada-ui/file-button @yamada-ui/file-input @yamada-ui/editable @yamada-ui/fontawesome @yamada-ui/icon @yamada-ui/form-control @yamada-ui/highlight @yamada-ui/providers @yamada-ui/radio @yamada-ui/rating @yamada-ui/pin-input @yamada-ui/skeleton @yamada-ui/reorder @yamada-ui/progress @yamada-ui/stepper @yamada-ui/react @yamada-ui/snacks @yamada-ui/stat @yamada-ui/use-animation @yamada-ui/use-breakpoint @yamada-ui/theme @yamada-ui/tooltip @yamada-ui/toggle @yamada-ui/typography @yamada-ui/theme-tools @yamada-ui/tag @yamada-ui/textarea @yamada-ui/table @yamada-ui/tabs @yamada-ui/switch @yamada-ui/slider @yamada-ui/use-popper @yamada-ui/use-token @yamada-ui/use-value @yamada-ui/transitions

1.6.7-dev-20240503234826

9 days ago

1.6.7-dev-20240503035617

9 days ago

1.6.7

8 days ago

1.6.7-dev-20240503063008

9 days ago

1.6.7-dev-20240504023206

8 days ago

1.6.7-dev-20240504012407

9 days ago

1.6.7-dev-20240503070400

9 days ago

1.6.7-dev-20240504030303

8 days ago

1.6.7-dev-20240504032813

8 days ago

1.6.7-dev-20240502093643

10 days ago

1.6.7-dev-20240502022131

11 days ago

1.6.7-dev-20240501174240

11 days ago

1.6.7-dev-20240501105325

11 days ago

1.6.6-dev-20240429055803

13 days ago

1.6.6

13 days ago

1.6.6-dev-20240429054506

13 days ago

1.6.6-dev-20240429055401

13 days ago

1.6.6-dev-20240429055007

13 days ago

1.6.6-dev-20240429060123

13 days ago

1.6.6-dev-20240428102406

14 days ago

1.6.6-dev-20240428212808

14 days ago

1.6.6-dev-20240428212206

14 days ago

1.6.6-dev-20240427171645

15 days ago

1.6.6-dev-20240427171345

15 days ago

1.6.6-dev-20240426181635

16 days ago

1.6.6-dev-20240425161703

17 days ago

1.6.6-next-20240425082833

17 days ago

1.6.6-dev-20240425082221

17 days ago

1.6.6-dev-20240425134844

17 days ago

1.6.6-dev-20240424234401

18 days ago

1.6.5

21 days ago

1.6.5-dev-20240421014947

22 days ago

1.6.5-dev-20240421032125

21 days ago

1.6.4

25 days ago

1.6.4-dev-20240417132439

25 days ago

1.6.4-dev-20240415084902

27 days ago

1.6.4-dev-20240415144807

27 days ago

1.6.4-dev-20240414193521

28 days ago

1.6.4-dev-20240414195951

28 days ago

1.6.3

28 days ago

1.6.3-dev-20240414044051

28 days ago

1.6.3-dev-20240413061202

29 days ago

1.6.3-dev-20240412150541

30 days ago

1.6.3-dev-20240413093616

29 days ago

1.6.3-dev-20240413093307

29 days ago

1.6.3-dev-20240413095402

29 days ago

1.6.3-dev-20240411135742

1 month ago

1.6.3-dev-20240411155429

1 month ago

1.6.3-dev-20240411090939

1 month ago

1.6.3-dev-20240411090422

1 month ago

1.6.3-dev-20240411124444

1 month ago

1.6.3-dev-20240411110739

1 month ago

1.6.2

1 month ago

1.6.3-dev-20240410145231

1 month ago

1.6.2-dev-20240410060337

1 month ago

1.6.2-dev-20240409144714

1 month ago

1.6.2-dev-20240410064354

1 month ago

1.6.1

1 month ago

1.6.1-dev-20240407124641

1 month ago

1.6.1-dev-20240408021950

1 month ago

1.6.1-dev-20240407125056

1 month ago

1.6.1-dev-20240408022350

1 month ago

1.6.1-dev-20240408023838

1 month ago

1.6.1-dev-20240407031015

1 month ago

1.6.1-next-20240406091916

1 month ago

1.6.1-dev-20240406104355

1 month ago

1.6.1-dev-20240405180056

1 month ago

1.6.0

1 month ago

1.6.0-dev-20240404151202

1 month ago

1.6.0-dev-20240403225526

1 month ago

1.6.0-next-20240404151942

1 month ago

1.6.0-dev-20240404144051

1 month ago

1.6.0-dev-20240402212115

1 month ago

1.6.0-dev-20240402224422

1 month ago

1.5.0

2 months ago

1.5.0-dev-20240327030520

2 months ago

1.5.0-dev-20240327062225

2 months ago

1.5.0-dev-20240327055434

2 months ago

1.5.0-next-20240326170752

2 months ago

1.5.0-next-20240326171611

2 months ago

1.5.0-dev-20240326175028

2 months ago

1.5.0-next-20240326105940

2 months ago

1.5.0-next-20240325165612

2 months ago

1.5.0-dev-20240324024857

2 months ago

1.5.0-next-20240325073931

2 months ago

1.5.0-dev-20240323230500

2 months ago

1.5.0-dev-20240322155335

2 months ago

1.5.0-next-20240322143453

2 months ago

1.5.0-next-20240322153902

2 months ago

1.5.0-next-20240322143822

2 months ago

1.4.5-dev-20240321153534

2 months ago

1.4.5-dev-20240320130346

2 months ago

1.4.5-dev-20240320120658

2 months ago

1.5.0-next-20240320115956

2 months ago

1.5.0-next-20240320130716

2 months ago

1.5.0-next-20240320111930

2 months ago

1.5.0-next-20240320115540

2 months ago

1.5.0-next-20240320040844

2 months ago

1.5.0-next-20240320040337

2 months ago

1.5.0-next-20240318080000

2 months ago

1.5.0-next-20240318093723

2 months ago

1.5.0-next-20240318101055

2 months ago

1.5.0-next-20240318073803

2 months ago

1.4.4-dev-20240316032537

2 months ago

1.4.4-dev-20240317193506

2 months ago

1.4.4-dev-20240316060649

2 months ago

1.4.4

2 months ago

1.4.4-dev-20240315135437

2 months ago

1.4.4-dev-20240316135535

2 months ago

1.4.4-dev-20240315105206

2 months ago

1.4.4-dev-20240317191052

2 months ago

1.5.0-next-20240317201240

2 months ago

1.4.4-dev-20240315180554

2 months ago

1.4.4-dev-20240315183204

2 months ago

1.5.0-next-20240315105345

2 months ago

1.4.4-dev-20240317193108

2 months ago

1.5.0-next-20240314121009

2 months ago

1.4.4-dev-20240314115905

2 months ago

1.4.4-dev-20240314075116

2 months ago

1.5.0-next-20240313065303

2 months ago

1.4.4-dev-20240313145721

2 months ago

1.5.0-next-20240313115011

2 months ago

1.4.4-dev-20240313115032

2 months ago

1.4.4-dev-20240313151005

2 months ago

1.4.4-dev-20240313131828

2 months ago

1.4.3-dev-20240310212153

2 months ago

1.4.3

2 months ago

1.5.0-next-20240310221047

2 months ago

1.4.3-dev-20240310104454

2 months ago

1.4.3-dev-20240310041836

2 months ago

1.4.3-dev-20240309230937

2 months ago

1.4.3-dev-20240309224604

2 months ago

1.4.3-dev-20240310062709

2 months ago

1.4.3-dev-20240310092217

2 months ago

1.4.3-next-20240310014253

2 months ago

1.4.3-dev-20240310044046

2 months ago

1.4.3-dev-20240310064100

2 months ago

1.4.3-dev-20240309142211

2 months ago

1.4.3-dev-20240308191426

2 months ago

1.4.3-dev-20240309140426

2 months ago

1.4.3-dev-20240308200236

2 months ago

1.4.3-dev-20240308192333

2 months ago

1.4.3-next-20240308164301

2 months ago

1.4.3-dev-20240308153149

2 months ago

1.4.3-dev-20240308070822

2 months ago

1.4.3-dev-20240308071312

2 months ago

1.4.3-dev-20240307112714

2 months ago

1.4.3-dev-20240307085215

2 months ago

1.4.3-dev-20240307144823

2 months ago

1.4.3-dev-20240307005534

2 months ago

1.4.3-dev-20240303100548

2 months ago

1.4.2

2 months ago

1.4.3-dev-20240303205756

2 months ago

1.4.3-dev-20240303090126

2 months ago

1.4.2-dev-20240303080258

2 months ago

1.4.3-dev-20240303142425

2 months ago

1.4.3-dev-20240303141624

2 months ago

1.4.3-dev-20240303143244

2 months ago

1.4.2-dev-20240301180309

2 months ago

1.4.2-dev-20240302075433

2 months ago

1.4.2-dev-20240301164558

2 months ago

1.4.2-dev-20240301173030

2 months ago

1.4.2-dev-20240302135002

2 months ago

1.4.2-dev-20240302135349

2 months ago

1.4.2-dev-20240301103710

2 months ago

1.4.2-dev-20240229162141

2 months ago

1.4.2-dev-20240229135542

2 months ago

1.4.2-dev-20240229143731

2 months ago

1.4.2-dev-20240229143054

2 months ago

1.4.2-dev-20240229023734

2 months ago

1.4.2-dev-20240229083518

2 months ago

1.4.2-dev-20240229094213

2 months ago

1.4.2-dev-20240229093938

2 months ago

1.4.2-dev-20240227181219

2 months ago

1.4.2-dev-20240228153235

2 months ago

1.4.2-dev-20240228161700

2 months ago

1.4.2-dev-20240228055324

2 months ago

1.4.2-dev-20240228013247

2 months ago

1.4.2-dev-20240228134547

2 months ago

1.4.2-next-20240227181807

2 months ago

1.4.2-dev-20240228142123

2 months ago

1.4.2-dev-20240228014050

2 months ago

1.4.2-dev-20240227113132

3 months ago

1.4.1-dev-20240224113740

3 months ago

1.4.1-dev-20240224091322

3 months ago

1.4.1

3 months ago

1.4.1-dev-20240223185955

3 months ago

1.4.1-dev-20240223062121

3 months ago

1.4.1-dev-20240223214140

3 months ago

1.4.1-dev-20240222150545

3 months ago

1.4.1-dev-20240225050953

3 months ago

1.4.1-dev-20240223042345

3 months ago

1.4.1-dev-20240225045707

3 months ago

1.4.1-dev-20240222021039

3 months ago

1.4.1-dev-20240221092443

3 months ago

1.4.1-dev-20240221110215

3 months ago

1.4.1-dev-20240221041112

3 months ago

1.4.1-dev-20240221040614

3 months ago

1.4.0

3 months ago

1.4.0-dev-20240218140822

3 months ago

1.4.0-dev-20240218063424

3 months ago

1.4.0-dev-20240218051926

3 months ago

1.4.0-dev-20240217201107

3 months ago

1.4.0-dev-20240218053238

3 months ago

1.4.0-dev-20240217125815

3 months ago

1.4.0-dev-20240217091323

3 months ago

1.4.0-dev-20240217050636

3 months ago

1.4.0-dev-20240217092955

3 months ago

1.4.0-dev-20240217151344

3 months ago

1.3.2

3 months ago

1.3.2-dev-20240208162658

3 months ago

1.3.1

3 months ago

1.3.1-dev-20240205071501

3 months ago

1.3.1-dev-20240204062626

3 months ago

1.3.1-dev-20240204095056

3 months ago

1.3.0-next-20240119002617

4 months ago

1.3.0-dev-20240119043710

4 months ago

1.3.0-dev-20240119044050

4 months ago

1.3.0-next-20240119005916

4 months ago

1.3.0

4 months ago

1.3.0-dev-20240119055704

4 months ago

1.3.0-next-20240119001602

4 months ago

1.3.0-next-20240119031108

4 months ago

1.3.0-next-20240119035159

4 months ago

1.2.3-next-20240117084525

4 months ago

1.2.2-dev-20240117063533

4 months ago

1.2.2

4 months ago

1.2.2-dev-20240117071311

4 months ago

1.2.0-dev-20240115144448

4 months ago

1.2.1-dev-20240116044350

4 months ago

1.2.0-dev-20240115094234

4 months ago

1.1.4-dev-20240114164908

4 months ago

1.1.5-next-20240114193310

4 months ago

1.2.1-dev-20240116061425

4 months ago

1.2.2-dev-20240116152919

4 months ago

1.2.0-dev-20240115161423

4 months ago

1.2.1-dev-20240116123414

4 months ago

1.2.2-next-20240116131258

4 months ago

1.1.5-next-20240114202837

4 months ago

1.2.0

4 months ago

1.2.2-dev-20240116131523

4 months ago

1.2.1

4 months ago

1.2.2-dev-20240116152457

4 months ago

1.2.0-dev-20240116011736

4 months ago

1.1.4

4 months ago

1.2.1-dev-20240116061839

4 months ago

1.2.0-dev-20240115140239

4 months ago

1.2.2-dev-20240116152101

4 months ago

1.2.0-dev-20240115114008

4 months ago

1.1.4-next-20240111114951

4 months ago

1.1.4-next-20240109073606

4 months ago

1.1.4-next-20240109074600

4 months ago

1.1.3-dev-20240104194433

4 months ago

1.1.3-dev-20240104145458

4 months ago

1.1.3

4 months ago

1.1.3-dev-20240103044046

4 months ago

1.1.2

4 months ago

1.1.2-next-20231230014929

4 months ago

1.1.2-dev-20231230014952

4 months ago

1.1.2-next-20231229025838

5 months ago

1.1.2-next-20231229030849

5 months ago

1.1.2-next-20231229143914

4 months ago

1.1.2-next-20231229025405

5 months ago

1.1.2-next-20231228211945

5 months ago

0.0.0-dev-20231225140433

5 months ago

0.0.0-dev-20231224064542

5 months ago

0.0.0-dev-20231225114852

5 months ago

0.0.0-dev-20231225121007

5 months ago

1.1.1

5 months ago

1.1.0

5 months ago

0.0.0-dev-20231224084558

5 months ago

0.0.0-dev-20231223111749

5 months ago

0.0.0-dev-20231225152352

5 months ago

0.0.0-dev-20231223201711

5 months ago

1.0.0

5 months ago

0.0.0-dev-20231223171013

5 months ago

0.15.4

5 months ago

0.15.3

5 months ago

0.0.0-dev-20231225134754

5 months ago

0.0.0-dev-20231225142627

5 months ago

0.0.0-dev-20231223110621

5 months ago

0.0.0-dev-20231223202847

5 months ago

0.0.0-dev-20231223100652

5 months ago

0.0.0-dev-20231225154504

5 months ago

0.0.0-dev-20231223223427

5 months ago

0.0.0-dev-20231221155147

5 months ago

0.15.2

5 months ago

0.0.0-dev-20231220060707

5 months ago

0.0.0-dev-20231220072135

5 months ago

0.0.0-dev-20231219141023

5 months ago

0.0.0-dev-20231219150549

5 months ago

0.0.0-dev-20231218082821

5 months ago

0.0.0-dev-20231218100229

5 months ago

0.0.0-dev-20231218092001

5 months ago

0.0.0-dev-20231218084225

5 months ago

0.0.0-dev-20231217163924

5 months ago

0.15.0

5 months ago

0.15.1

5 months ago

0.0.0-dev-20231217061808

5 months ago

0.0.0-dev-20231217062409

5 months ago

0.0.0-dev-20231215145256

5 months ago

0.14.2

5 months ago

0.0.0-dev-20231215191049

5 months ago

0.0.0-dev-20231215152304

5 months ago

0.0.0-dev-20231214082050

5 months ago

0.0.0-dev-20231214105834

5 months ago

0.14.1

5 months ago

0.0.0-dev-20231213231315

5 months ago

0.0.0-dev-20231213223136

5 months ago

0.0.0-dev-20231214013323

5 months ago

0.0.0-dev-20231213073545

5 months ago

0.0.0-dev-20231211074402

5 months ago

0.14.0

5 months ago

0.0.0-dev-20231212223458

5 months ago

0.13.2

5 months ago

0.0.0-dev-20231208053121

5 months ago

0.13.1

5 months ago

0.0.0-dev-20231207022217

5 months ago

0.0.0-dev-20231205213047

5 months ago

0.0.0-dev-20230701130255

11 months ago

0.0.0-dev-20230714125059

10 months ago

0.0.0-dev-20231008103811

7 months ago

0.0.0-dev-20231204205655

5 months ago

0.0.0-dev-20230930201443

7 months ago

0.0.0-dev-20231010183936

7 months ago

0.0.0-dev-20231125084935

6 months ago

0.0.0-dev-20230803110341

9 months ago

0.0.0-dev-20230721170547

10 months ago

0.13.0

5 months ago

0.0.0-dev-20231009175554

7 months ago

0.0.0-dev-20231009180328

7 months ago

0.0.0-dev-20230910042638

8 months ago

0.0.0-dev-20231104153202

6 months ago

0.0.0-dev-20231011174644

7 months ago

0.0.0-dev-20230716184832

10 months ago

0.0.0-dev-20231204215714

5 months ago

0.0.0-dev-20231125082929

6 months ago

0.0.0-dev-20231016094100

7 months ago

0.3.1

11 months ago

0.7.0

8 months ago

0.0.0-dev-20231010064913

7 months ago

0.0.0-dev-20231104151334

6 months ago

0.9.4

7 months ago

0.9.3

8 months ago

0.0.0-dev-20231001013534

7 months ago

0.0.0-dev-20231104154042

6 months ago

0.0.0-dev-20230909035251

8 months ago

0.0.0-dev-20230702052021

11 months ago

0.0.0-dev-20231010062609

7 months ago

0.0.0-dev-20230807041207

9 months ago

0.0.0-dev-20230918211901

8 months ago

0.0.0-dev-20230905053419

8 months ago

0.0.0-dev-20231018043428

7 months ago

0.10.0

7 months ago

0.0.0-dev-20231002122113

7 months ago

0.0.0-dev-20231010184415

7 months ago

0.0.0-dev-20231010074327

7 months ago

0.8.0

8 months ago

0.0.0-dev-20230804221203

9 months ago

0.0.0-dev-20231113164540

6 months ago

10 months ago

11 months ago

10 months ago

10 months ago

0.0.0-dev-20231019162858

7 months ago

0.0.0-dev-20231016152745

7 months ago

0.0.0-dev-20231008084136

7 months ago

0.0.0-dev-20231019105246

7 months ago

0.0.0-dev-20230718011629

10 months ago

0.0.0-dev-20231204110023

5 months ago

7 months ago

7 months ago

7 months ago

7 months ago

0.0.0-dev-20231125142449

6 months ago

0.0.0-dev-20231125122836

6 months ago

0.0.0-dev-20231104094345

6 months ago

0.0.0-dev-20230928101237

8 months ago

0.0.0-dev-20230724114032

10 months ago

0.0.0-dev-20230924191425

8 months ago

0.0.0-dev-20231130115355

5 months ago

0.0.0-dev-20231001015104

7 months ago

0.0.0-dev-20231001001619

7 months ago

0.0.0-dev-20230920110346

8 months ago

0.9.0

8 months ago

0.5.4

10 months ago

0.0.0-dev-20231015110740

7 months ago

0.5.3

10 months ago

0.9.2

8 months ago

0.9.1

8 months ago

0.0.0-dev-20231125140816

6 months ago

0.0.0-dev-20231104145811

6 months ago

0.5.0

10 months ago

0.5.2

10 months ago

0.5.1

10 months ago

0.0.0-dev-20230716195657

10 months ago

0.0.0-dev-20231015102158

7 months ago

0.0.0-dev-20231014152024

7 months ago

0.0.0-dev-20231204070317

5 months ago

0.0.0-dev-20230813023829

9 months ago

0.0.0-dev-20230717002511

10 months ago

0.0.0-dev-20230716162752

10 months ago

0.0.0-dev-20231204110328

5 months ago

0.12.7

6 months ago

0.0.0-dev-20231125112239

6 months ago

5 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

6 months ago

6 months ago

0.0.0-dev-20230930185558

7 months ago

0.0.0-dev-20230705143857

10 months ago

0.0.0-dev-20230728095842

10 months ago

0.0.0-dev-20231016093156

7 months ago

0.0.0-dev-20230714215348

10 months ago

0.0.0-dev-20231007192434

7 months ago

0.6.3

9 months ago

0.6.2

9 months ago

0.0.0-dev-20231015111410

7 months ago

0.6.5

8 months ago

0.0.0-dev-20231125095022

6 months ago

0.6.4

9 months ago

0.0.0-dev-20231125142739

6 months ago

0.6.1

9 months ago

0.6.0

10 months ago

0.3.0

11 months ago

0.0.0-dev-20230625235915

11 months ago

0.2.3

11 months ago

0.0.0-dev-20230625224935

11 months ago

0.2.2

11 months ago

0.0.0-dev-20230620133332

11 months ago

0.0.0-dev-20230620132312

11 months ago

0.2.1

11 months ago

0.0.0-dev-20230613162138

11 months ago

0.2.0

11 months ago

0.0.0-dev-20230611132733

11 months ago

0.1.6

11 months ago

0.0.0-dev-20230611113619

11 months ago

0.1.5

11 months ago

0.0.0-dev-20230606151107

11 months ago

0.1.4

11 months ago

0.0.0-dev-20230606114933

11 months ago

0.1.3

11 months ago

0.0.0-dev-20230606103844

11 months ago

0.1.2

11 months ago

0.0.0-dev-20230605083448

11 months ago

0.0.0-dev-20230605075929

11 months ago

0.1.1

11 months ago

0.0.0-dev-20230603042803

11 months ago

0.1.0

11 months ago