Skip to content

Build somethingbeautiful.

Components, blocks, icons, illustrations and themes for React. Accessible, animated and open source.

Get started
npx @youj/cli init

Multiple parts. One system.

Try the parts, live.

Twenty-eight pieces of the kit, running. Use them, then open their docs.

  • Voice Orb

  • Activity Rings

  • Slide to Confirm

  • Async Button

  • Text Effect

  • Capsules

  • Unit Chart

  • Hierarchy Chart

  • Waffle Chart

  • Draft loader

  • Animated icons

  • Share Ring

  • Chart

  • Padlock illustration

  • Live Cursors

  • Breakdown List

  • Dial

  • Signature Pad

  • Gauge

  • Turntable miniature

  • Calendar Heatmap

  • Image Compare

  • Wheel Picker

  • Scrub Number Field

  • Liquid Glass

  • Radar Chart

  • World Clock

  • Diff Viewer

Install the kit. Or copy a piece.

All of it

npx @youj/cli init

A whole screen

npx @youj/cli add app-analytics-overview

Start from a screen, not a blank file. Screens, sections and cards are copied in as source you own, in your theme.

Browse screens

  • AA in light and dark
  • Keyboard first
  • Reduced motion
  • Server-rendered
  • Tree-shakable
Get startedBrowse components