Introduction

HelpfulComps is a collection of beautiful, production-ready React and Next.js UI components.

Features

• TypeScript First - Full type safety out of the box
• Customizable - Easy to style and adapt to your brand
• Accessible - Built with accessibility in mind
• Modern - React 18+, Next.js 15+, Tailwind CSS

Quick Start

1. Install a component:

npm install @helpfulcomps/component-name

2. Import and use:

import { ComponentName } from '@helpfulcomps/component-name'
 
export default function Page() {
  return <ComponentName />
}

Development

Components are developed in the packages/ui/ workspace and can be previewed in this documentation site before being published as individual npm packages.