@neuctra/ui

A modern, customizable, and fully responsive React UI component library built with Tailwind CSS, TypeScript, and Vite.

⚡ Rapidly build accessible and beautiful interfaces using clean, developer-friendly components.

📦 Installation

Using npm

npm install @neuctra/ui

Using yarn

yarn add @neuctra/ui

🧱 Usage

Import and use any component:

import { Button, Dropdown, Input } from '@neuctra/ui';

export default function App() {
  return (
    <div className="p-4">
      <Button>Click Me</Button>

      <Dropdown
        options={[
          { label: 'Option 1', value: '1' },
          { label: 'Option 2', value: '2' },
        ]}
        placeholder="Select an option"
      />

      <Input placeholder="Type here..." />
    </div>
  );
}

🎨 Customization

Components support rich props like:

• className for Tailwind overrides
• Color, padding, margin, radius, shadow via props
• Icon support (via lucide-react or react-icons)
• Controlled or uncontrolled components
• Transition and animation props

Each component is designed with flexibility and accessibility in mind.

📚 Components

Full documentation coming soon

• Button
• Input
• TextArea
• Dropdown
• AudioPlayer
• VideoPlayer
• Accordion
• Drawer
• Alert
• More coming...

📄 License

MIT © Taha Asif

🌐 Links

• GitHub Repository
• NPM Package
• Documentation (coming soon)