CIJ-Snipes

Reusable React components with TypeScript & Tailwind CSS — designed for fast, modern UI development.

🚀 Features

• ✨ Pre-styled components using Tailwind CSS
• ⚛️ Built with React 18 and TypeScript
• 🧹 Easy to integrate and extend
• 🚰 Optimized for modern web apps

🛦 Installation

NPM Package

npm install cij-snipes

From Source

git clone https://github.com/themertzy/CIJ-Snipes.git
cd CIJ-Snipes
npm install
npm run dev

🛠️ Development

npm run dev # Start development server
npm run build # Build the library for production
npm run test # Run unit tests (if configured)

📦 Component Registry

Below is a list of reusable components currently available in CIJ-Snipes.

| Component | Category | Description | |-----------------|----------------|-------------| | Badge | UI Elements | Tag-style label with status variants (e.g. success, warning, info). | | Button | UI Elements | Reusable button with support for variants, sizes, and states. | | Card | Layout | Container component with padding, shadow, and optional border for structured content blocks. | | Divider | Layout | Horizontal or vertical line used to visually separate content sections or elements. | | Dropdown | UI Elements | Toggleable dropdown menu with click-outside handling and alignment options. | | EditableCell | Data Table | Inline-editable cell component, useful for editable tables or grids. | | Input | Form Elements | Basic text input with consistent styles for forms and settings. | | Modal | UI Overlay | Dialog component with backdrop, ESC support, and custom content slots. | | Spinner | Feedback | Loading indicator with size and color options. | | Tabs | UI Elements | Tabbed navigation component to switch between content views. | | Toast | Feedback | Transient notification popup for alerts, confirmations, and messages. | | Tooltip | UI Elements | Tooltip that appears on hover or focus, customizable position. |

📝 Status

CIJ-Snipes is under active development. APIs and components are subject to change. Expect rapid iteration and improvements.

🤝 Contributing

We welcome contributions! Feel free to:

• Open issues for bugs or feature requests
• Submit pull requests with improvements

📄 License

MIT — free to use, modify, and distribute.

Built with ❤️ by CIJ Infrastructures, LLC