Welcome to InteraUI!
🚀 This is a collection of reusable React components designed to enhance UI development efficiently and quickly.
✔️ Reusable and modular components.
✔️ Compatible with any React or Next.js project.
✔️ Customizable styles using CSS, Styled Components, or Tailwind CSS.
✔️ Optimized code for performance and accessibility.
You can install this library in your project using npm or yarn:
npm install @elizabthpazp/intera-uiOr with yarn:
yarn add @elizabthpazp/intera-uiOr with pnpm:
pnpm add @elizabthpazp/intera-uiImport and use the components in your React application:
import "@elizabthpazp/intera-ui/dist/globals.css";
import { ButtonCard } from "@elizabthpazp/intera-ui";
function App() {
const [userData, setUserData] = useState(null);
const handleLogin = (email, password, rememberMe) => {
setUserData({ email, password, rememberMe });
};
return <ButtonCard title={'Login'} darkMode={true} onLogin={handleLogin}></ButtonCard>;
}
export default App;intera-ui/
│── src/
│ ├── components/ # Individual components
│ │ ├── Button.js
│ │ ├── Card.js
│ │ ├── index.js # Library entry point
│ ├── styles/ # Global styles (optional)
│── .gitignore
│── package.json
│── README.md
│── tsconfig.json # (If using TypeScript)
If you want to contribute or modify the components, clone the repository and use the following commands:
Clone the repository
git clone https://github.com/elizabthpazp/intera-ui.git
cd intera-ui
npm installContributions are welcome! To improve this library:
Fork the repository.
Create a new branch (git checkout -b feature/new-component).
Make your changes and commit them (git commit -m "Add new component").
Submit a pull request 🚀.
This project is licensed under the MIT License. You can use it freely in personal and commercial projects.
If you have any questions or suggestions, contact me at [https://t.me/elijs_dev].