Documentation

Documentation

Everything you need to know about using uicomponents.dev

Getting Started

Learn how to install and use components in your project.

Get started

Customization

Style and customize components to match your design system.

Learn more

Accessibility

Build inclusive interfaces with our accessibility-first approach.

Explore guide

Contributing

Help improve the library by contributing new components.

Contribute

What is uicomponents.dev?

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

Key Benefits

  • No dependencies: Copy components directly without installing packages
  • Full customization: Modify any part of the code to fit your needs
  • Lightweight: Only include what you actually use
  • TypeScript ready: All components come with full TypeScript support
  • Accessible: Built with accessibility best practices in mind

Who is this for?

  • Frontend developers who want full control over their UI components
  • Teams building design systems
  • Developers who prefer copy-paste over package installation
  • Anyone building modern web applications with React, Vue, or vanilla JavaScript