🌟 React Components Library — ComponentOps

A modern and versatile collection of reusable React components, built with Next.js and Tailwind CSS, designed to accelerate your UI development workflow.

🚀 Live Website:

    

💻 GitHub Repo:

    

---

📌 Overview

ComponentOps offers a clean and extendable UI toolkit for modern React apps. Built with performance, responsiveness, and developer experience in mind, this library is perfect for portfolios, SaaS dashboards, landing pages, and beyond.

"Why build from scratch when you can plug in polished, customizable components?"

---

✨ Features

• ⚛️ Built with Next.js and React
• 🎨 Styled with Tailwind CSS
• 🧠 Written in JavaScript (JSX) for full type safety
• 📱 Responsive, mobile-friendly design
• 🌀 Smooth Framer Motion animations
• 🚀 Ready-to-use components, just import and go!

---

🧩 Components

🔥 404 Pages

Beautiful and interactive 404 error components:

• 404-gameType.jsx 🎮 — Arcade style
• 404-ghostType.jsx 👻 — Spooky vibes
• 404-glitchType.jsx 💥 — Glitch animation
• 404-matrixType.jsx 🧪 — Matrix-inspired
• 404-spaceType.jsx 🚀 — Out-of-this-world design

🌐 Social Icons

Branded social media UI pieces:

• SocialIconsMarquee.jsx — Horizontally scrolling icons
• SocialIconsCircle.jsx — Circular icon arrangement

---

🧪 Example Usage

import { SocialIconsMarquee } from './React-Components/SocialIcon/SocialIconsMarquee';
import { GameType404 } from './React-Components/404_pages/404-gameType';

function App() {
  return (
    <div>
      <SocialIconsMarquee />
      <GameType404 />
    </div>
  );
}

---

📚 Tech Stack & Dependencies

• Next.js 15.3.2
• React 19.0.0
• Tailwind CSS 4.1.7
• Lucide React 0.511.0
• TypeScript
• Framer Motion
• ESLint

---

📦 Local Installation & Usage

# Clone the repo
https://github.com/Anuja-jayasinghe/React-Components-Library.git

# Move into the project
cd ComponentOps

# Install dependencies
npm install

# Start dev server
npm run dev

🛠 Development Commands

• npm run dev — Start dev server
• npm run build — Create production build
• npm run start — Run production server
• npm run lint — Check for code issues

---

🤝 Contributing

ComponentOps is open to contributions! Feel free to fork, open issues, or submit pull requests. Ideas and suggestions are always welcome. 🛠️

---

📄 License

This project is licensed under the MIT License — see the LICENSE file for more info.

---

👤 Author

• Developed by Anuja Jayasinghe 🌐 anujajay.com

  

---

Built with passion for developers — because components should be beautiful, functional, and reusable.