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

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?"

• ⚛️ 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!

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

Branded social media UI pieces:

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

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

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

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

# 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

• 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

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

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

• Developed by Anuja Jayasinghe 🌐 anujajay.com

  

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