Welcome to the psyui documentation!

What is PsyUI?

PsyUI is a copy and paste component library for Vue that helps you build beautiful and accessible user interfaces.

In PsyUI, each component has only one file. For example, instead of AccordionContent, AccordionHeader, AccordionItem, AccordionRoot, AccordionTrigger (multiple files), we just have Accordion.

We don't expect every component to fit your design perfectly, so feel free to edit the components code.

Built using:

• Tailwind CSS
• Radix Vue
• Tailwind Variants
• Unovis

PsyUI was inspired by:

• Shadcn Vue
• MagicUI
• Tremor
• NextUI
• AceternityUI
• Hover.dev
• Prime Vue

Check our Figma here.

FAQ

Why not a dependency package?

Copy and paste gives you ownership and control over the code. You can device to use it and change it the way you see fit.

One of the drawback of packaging the components in an npm package is that the style is coupled with the implementation

Can I use PsyUI in my project?

Yes. Free to use for personal and commercial projects. No attribution required.