Components

Find components by what they do. A simple component is one control or surface, like a button or an input. A composite is several of them working together, or a model of rows, series or steps with props that stay generic: a data table, a chart, a date range picker, a sidebar. Most import from @youj/react; effects, backgrounds, players and some other components import from @youj/motion. Each page shows the installation and import you need.

Classic is the default component style, with bordered panels, rounded-rectangle buttons and outlined fields. Looks explains it and Bezel, the other, with sectioned cards, filled fields and pill actions, and its anatomy the shared design rules.

For whole pieces of a product built from components, see Blocks. For motion you put on your own elements, such as entrances, text effects and the transitions inside components, see Motion. For icons, see Icons, and for isometric scenes, Illustrations.

A to Z

A

B

C

D

E

F

G

H

I

K

L

M

N

P

R

S

T

U

V

W

#A to Z

A

B

C

D

E

F

G

H

I

K

L

M

N

P

R

S

T

U

V

W

A to Z