Guides
Follow step-by-step guides to add Youj to your app and build with it.
Start with the task you want to complete. These guides show how the components, motion and themes work together.
Move an app that runs shadcn/ui onto Youj, one component at a time.
Put a sidebar, top bar, account menu and search together into the shell your pages live in.
Put a header, hero, features, pricing, testimonials, FAQ and footer together from basic components.
Let people choose a theme, remembered and with no flash on load.
Build a component of your own from Youj's primitives, transitions and icons.
Translate every label, announcement and placeholder the components own, with one object.
Mirror sides, arrow keys, overlays and motion for Arabic and Hebrew from one dir prop.
What Youj does for WCAG 2.2 AA, what it tests on every change, and what's yours to check.
In each section
Some how-tos belong to one part of the kit, and live with it.
Start from a preset, or bring your own colors, radius, density and motion.
Give your own components Youj timing, so they follow Speed and reduced motion.
Put icons in buttons, menus and fields so they play on the right trigger.