Documentation

Frequently Asked Questions

Find answers to common questions about uicomponents.dev.

Note

Can't find what you're looking for? Ask us on Discord or open an issue on GitHub.

What is uicomponents.dev?

uicomponents.dev is a free, open-source library of UI components designed to be copied and pasted directly into your projects. Unlike traditional component libraries that you install via npm, our approach gives you full ownership and control over the code.

Is uicomponents.dev free to use?

Yes! All components are completely free and open-source under the MIT License. You can use them in personal and commercial projects without any attribution required.

Do I need to install anything?

You'll need to install the dependencies that each component requires (like Radix UI primitives, class-variance-authority, etc.), but there's no main "uicomponents" package to install. Check the Installation section of each component for specific requirements.

What frameworks are supported?

Currently, we primarily support React with TypeScript and Tailwind CSS. We're actively working on adding support for Vue and Svelte. Follow us on Twitter for updates.

Can I customize the components?

Absolutely! Since you own the code, you can customize every aspect of the components. They use Tailwind CSS for styling, making customization straightforward. See our Customization Guide for more details.

Are the components accessible?

Yes, accessibility is a core priority. All components aim to meet WCAG 2.1 AA standards with full keyboard navigation and screen reader support. Each component includes accessibility documentation.

How do I update components when improvements are made?

Since you own the code, you manually update components when you choose. We recommend watching our GitHub repository for updates and changelog announcements.

Can I contribute my own components?

Yes! We welcome contributions from the community. Check out our Contributing Guide to learn how to submit components.

What if I find a bug?

Please report bugs on our GitHub Issues page. Include a clear description, steps to reproduce, and ideally a code example.

Do you offer support?

We provide community support through Discord and GitHub Discussions. For enterprise support, please contact us.

Can I use these components with Next.js?

Yes! Our components work great with Next.js, including the App Router. They're designed to be server and client component compatible.

What about dark mode?

All components support dark mode out of the box when you use Tailwind CSS's dark mode feature. See our Dark Mode Guide for implementation details.

Still have questions?

We're here to help! Reach out to our community.