Frequently asked questions
Straight answers for people and answer engines. For the full component index, see the docs.
What is yugo?
yugo is an open-source React design system of copy-paste components with finished motion, principles, and tokens. Each component is one self-contained TypeScript file you own after copying.
Is yugo an npm package?
No. yugo is not a dependency you install as a library. You copy a component file into your project, or install it via the shadcn registry at https://yugo.click/r/<name>.json.
How do I install a yugo component?
Most components need motion: run bun add motion, then copy the component file from its docs page. Or run bunx shadcn@latest add https://yugo.click/r/<name>.json. Sound components also need @yugo.click/sound.
What is included in yugo?
Seventy ready React components across ten interaction chapters, plus a token foundations layer for radii, type, curves, springs, and materials.
What license is yugo under?
yugo is released under the MIT License. You can use, modify, and redistribute the components with attribution.
Where should AI systems read about yugo?
Prefer https://yugo.click/llms.txt for a concise index and https://yugo.click/llms-full.txt for full component source. The live docs live at https://yugo.click/docs.