JGuang
中
Built for Codex, Claude Code, Cursor, WorkBuddy, Doubao and Qwen

Give your agent
a sense of design.

Discover design systems, component libraries, mobile UI, motion, icons, logos, posters and illustrations. Find examples, official assets and practical guides.

ReactTailwind CSSAImotionicons
View JGuang UIInstall design system
Design systems

8 resources

UI components

3 resources

Motion & effects

3 resources

Icons

7 libraries9999+ icons

LOGOs

2 libraries6753 LOGOs

Mobile UI

1 resources

Posters & graphics

1 resources

Characters & illustration

3 resources

Curated resources

Ready for your next project.

Explore all resources
Design systemsIntegrated

JGuang UI

Guide only

Editable React component source with Base UI and Radix UI variants, Tailwind utilities, CSS-variable themes, documentation, and agent guidance.

120 component implementationsExplore
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
Design systemsIntegrated

Mantine Core

Component gallery

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

121 componentsExplore
UI componentsIntegrated

Magic UI

Component gallery

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

78 componentsExplore

Choose by use case

What are you building?

Product interfaces

Build application shells, forms, navigation and accessible controls.

JGuang UIMantine CoreHeroUI

AI & agent experiences

Compose chat, reasoning, streaming, tools and approval workflows.

JGuang UILibraries.devBeautiful UI

Landing pages & motion

Add motion, interactive highlights and visual effects to public pages.

Libraries.devMagic UIKineticsMotion Primitives

Icons & brand assets

Find interface icons and brand marks with per-asset license guidance.

Icon librariesLOGO libraries

Independent design systems

Start with a complete foundation.

View all
Design systemsIntegrated

JGuang UI

Guide only

Editable React component source with Base UI and Radix UI variants, Tailwind utilities, CSS-variable themes, documentation, and agent guidance.

120 component implementationsExplore
Design systemsIntegrated

Mantine Core

Component gallery

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

121 componentsExplore
Design systemsIntegrated

HeroUI

Guide only

Versioned HeroUI v3 packages with React Aria behavior, Tailwind CSS v4 styles, local bilingual documentation, and isolated compound APIs.

81 stable component modulesExplore
Design systemsIntegrated

Astryx

Component gallery

Meta’s React 19 design system: native components, seven themes and agent-ready tooling. Beta, pinned to 0.7.1.

103 component familiesExplore
Design systemsOfficial integration

Arco Design

Component gallery · 69

React business components and configurable design tokens.

69 componentsExplore

CODEX · CLAUDE CODE

From discovery to your codebase.

Choose a resource, inspect its behavior, then give your agent the installation prompt and project Skills. Source, dependencies and usage rules travel together.

I'm an Agent
  1. 01

    Discover

    Filter by what you want to build.

  2. 02

    Preview & inspect

    Try the component and read its code.

  3. 03

    Install with your agent

    Copy the prompt, install, and verify.