Beautiful React UI components built with Tailwind CSS
npm install @programmer-molor/ui-componentsA collection of 18+ customizable React UI components with Tailwind CSS support.
``bash`
npm install @programmer-molor/ui-components
or with yarn:
`bash`
yarn add @programmer-molor/ui-components
`tsx
import { Button, Card, Modal, Input } from "@programmer-molor/ui-components";
import "@programmer-molor/ui-components/style.css";
function App() {
return (
);
}
`
All components accept the following props:
| Prop | Type | Default | Description |
| ----------- | ----------- | ------- | ---------------------- |
| className | string | "" | Additional CSS classes |children
| | ReactNode | - | Component children |
This library includes 18+ components including:
- Buttons: Button - Primary, secondary, outline variantsInput
- Form Controls: , Checkbox, Select, Textarea, Switch, SliderAlert
- Feedback: , Modal, Progress, TooltipCard
- Layout: , CardHeader, CardBody, CardFooterTabs
- Navigation: , TabsList, TabsTrigger, TabsContentBadge
- Data Display: , Avatar, AccordionPropsTable
- Utilities: , CodePreview
You can customize components using the provided props:
`tsx
import { Button, Card, Alert } from "@programmer-molor/ui-components";
const MyComponent = () => {
return (
);
};
`
This library requires the following peer dependencies:
- react: ^18.0.0 || ^19.0.0react-dom`: ^18.0.0 || ^19.0.0
-
MIT © Gilang