JGuang
中
Documentation library

Choose a system.
Read its own docs.

Each design system keeps an independent component model, installation method, documentation tree, and open-source provenance.

JGuang UI

Composable, open, production-ready

120 component implementations

Mantine Core

The stable @mantine/core component catalog, isolated theme previews and native npm installation. Extra packages are separate.

121 components

HeroUI

Accessible, polished, Tailwind-native

81 stable component modules

Astryx

Composable, themeable, agent ready

103 component families

Arco Design

React business components and configurable design tokens.

69 components

Material UI

Material UI Core: native React components, Emotion themes, bilingual practical documentation and npm installation. MUI X, Lab and Pigment are separate.

57 families / guides

Ant Design

Native Ant Design React components, ConfigProvider themes, bilingual local documentation and pinned npm installation. Ant Design Pro is separate.

72 families / guides

Chakra UI

Native Chakra UI v3 components, isolated Emotion themes, bilingual practical guides and pinned npm installation. Chakra Pro is excluded.

114 component guides

This hub contains integrated documentation only. Future resources and licensing constraints are tracked in the resource directory. View planned resources

Component & motion libraries

Motion & effectsIntegrated

Libraries.dev

Component gallery

Seven public React effect packages, with canvas, WebGL, border, voice and avatar previews. Pro content is not included.

7 public packagesExplore
UI componentsIntegrated

Beautiful UI

Component gallery

MIT components for AI interfaces: reasoning, streaming text, tools, approvals, tables and agent screens.

21 componentsExplore
UI componentsIntegrated

Magic UI

Component gallery

The free Magic UI Registry: animated components, effects and public examples. Paid templates are excluded.

78 componentsExplore
Motion & effectsIntegrated

Kinetics

Guide only

A bilingual catalog of original JGuang interface-animation implementations with interactive previews, React code, CSS, and implementation guidance.

144 animation patternsExplore
UI componentsIntegrated

daisyUI

Component gallery

Native daisyUI CSS components, isolated themes, bilingual practical guides and Tailwind 4 installation. Optional calendars use their own APIs.

68 component guidesExplore
Motion & effectsIntegrated

Motion Primitives

Component gallery

Native React motion components with isolated previews, bilingual guidance and source Registry bundles.

33 componentsExplore

Mobile UI

Mobile UIOfficial integration

Ant Design Mobile

Component gallery · 71

React mobile-web interface components.

71 componentsExplore

Posters & graphics

Posters & graphicsOfficial service

tldraw

Official demo · 212

Canvas SDK with trial, commercial and hobby licensing.

212 official examplesExplore

Characters & illustration

Characters & illustrationOfficial integration

Open Peeps

Asset preview · 93

Mix-and-match hand-drawn characters and expressions.

93 illustrationsExplore
Characters & illustrationOfficial integration

Open Doodles

Asset preview · 33

Editable hand-drawn illustrations for products and posters.

33 illustrationsExplore
Characters & illustrationOfficial integration

DiceBear

Asset preview · 31

Deterministic avatars from reusable styles and seeds.

31 avatar stylesExplore
Back to JGuangJGuang UI componentsHeroUI components