Skip to content

SiteQ8/secopsdash

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

31 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

πŸ›‘οΈ SecOpsDash

Open-Source Security Operations Dashboard

Your SOC Command Center - Beautiful, Fast, and Free

GitHub stars License: MIT PRs Welcome Made with Love

πŸš€ Live Demo


🎯 What is SecOpsDash?

SecOpsDash is a modern and free security operations dashboard designed for SOC analysts, security professionals, and cybersecurity teams. Think of it as "Grafana for Security Teams" but simpler, more focused, and with a stunning UI that doesn't make your eyes bleed.

Why SecOpsDash?

βœ… Beautiful by Design - Dark mode, cyberpunk themes, and glassmorphism UI that security professionals actually want to use
βœ… Works Out of the Box - Includes realistic demo data and attack scenarios
βœ… Mobile Responsive - Monitor security on-the-go from any device
βœ… Blazing Fast - Loads in under 2 seconds, real-time updates
βœ… Privacy First - No telemetry, no data collection, fully open source
βœ… Easy to Customize - Plugin architecture and theme system


✨ Key Features

πŸ“Š Multiple Dashboards

  • Executive Dashboard - High-level security posture and KPIs
  • Threat Intelligence - Real-time threat feeds and IOC tracking
  • Vulnerability Management - CVE tracking and patch management
  • Compliance Center - CBK, PCI DSS, CIS Controls, ISO 27001
  • Incident Response - Active incidents and team performance

🎨 Stunning UI/UX

  • πŸŒ™ Dark Mode by Default (security people love dark mode)
  • 🌈 Multiple Themes - Dark, Light, Cyberpunk, Matrix
  • ✨ Smooth Animations - Framer Motion powered transitions
  • πŸ“± Fully Responsive - Desktop, tablet, and mobile optimized
  • 🎭 Glassmorphism Design - Modern blur effects and gradients

⚑ Real-Time Features

  • 🚨 Live alerts feed with severity-based coloring
  • πŸ“ˆ Animated metrics and counters
  • 🌐 Interactive threat map
  • πŸ”” Real-time notifications
  • ⏱️ Auto-refresh capabilities

πŸ”Œ Extensibility

  • Plugin system for custom widgets
  • Theme customization
  • API integration ready
  • Export to PDF/CSV
  • Multi-language support (EN/AR)

πŸ“Έ Screenshots

Executive Dashboard (Dark Theme)

Executive Dashboard

Threat Intelligence (Cyberpunk Theme)

Threat Intelligence

Vulnerability Management

Vulnerability Management

Mobile View

Mobile View

πŸš€ Quick Start

Option 1: Run Locally (Recommended for Development)

# Clone the repository
git clone https://github.com/SiteQ8/secopsdash.git
cd secopsdash

# Install dependencies
npm install

# Start development server
npm run dev

# Open http://localhost:5173

Option 2: Deploy to GitHub Pages

# Build for production
npm run build

# Deploy to GitHub Pages
npm run deploy

Option 3: Run with Docker

# Pull and run the Docker image
docker run -p 3000:80 siteq8/secopsdash:latest

# Or use docker-compose
docker-compose up

🎨 Themes

SecOpsDash comes with multiple built-in themes. Switch between them using the theme toggle in the header.

Theme Description Preview
Dark Default slate theme Dark
Light Clean white theme Light
Cyberpunk Neon pink/cyan theme Cyberpunk
Matrix Green terminal theme Matrix

πŸ“Š Demo Data

SecOpsDash includes realistic demo data that tells a coherent security story:

🎭 The Scenario:

  • A ransomware attack is detected and being investigated
  • Multiple brute force attempts from a specific region
  • Vulnerability patching is in progress
  • Compliance scores are improving over time
  • SOC team is responding effectively with good MTTR/MTTD

All demo data is stored in public/demo-data/ as JSON files and can be easily customized.


πŸ› οΈ Tech Stack

Built with modern web technologies:

  • βš›οΈ React 18 + TypeScript - Type-safe component development
  • 🎨 Tailwind CSS - Utility-first styling
  • πŸ“Š Recharts - Beautiful, responsive charts
  • ✨ Framer Motion - Smooth animations
  • 🚦 React Router - Client-side routing
  • 🌐 Vite - Lightning-fast build tool

🌍 Internationalization

SecOpsDash supports multiple languages:

  • πŸ‡¬πŸ‡§ English (default)
  • πŸ‡°πŸ‡Ό Arabic (Ψ§Ω„ΨΉΨ±Ψ¨ΩŠΨ©) --Coming Soon--

πŸ“– Documentation


🀝 Contributing

We love contributions! SecOpsDash is built by the community, for the community.

How to Contribute

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

See CONTRIBUTING.md for detailed guidelines.

Good First Issues

Looking for a place to start? Check out our good first issues.


πŸ—ΊοΈ Roadmap

v1.0 (Current)

  • Executive Dashboard
  • Threat Intelligence Dashboard
  • Vulnerability Management
  • Compliance Center
  • Multiple themes
  • Mobile responsive

v1.1 (Q1 2026)

  • SIEM integration (Splunk, ELK, Sentinel)
  • Real-time data feeds
  • Advanced plugin marketplace
  • Custom alerting rules
  • User authentication

v2.0 (Q2 2026)

  • Multi-tenant support
  • AI-powered threat detection
  • Advanced analytics
  • Mobile app (iOS/Android)
  • Dark web monitoring

See full ROADMAP.md for details.


πŸ’° Sponsorship

SecOpsDash is 100% free and open source. If you find it useful, consider:

  • ⭐ Starring this repository (it really helps!)
  • πŸ’¬ Spreading the word on social media
  • πŸ› Reporting bugs and suggesting features
  • πŸ’ Sponsoring the project on GitHub Sponsors

All sponsorship funds go toward:

  • πŸ› οΈ Development and maintenance
  • πŸ“š Documentation and tutorials
  • πŸ”’ Security audits
  • 🌐 Hosting and infrastructure

πŸ“œ License

SecOpsDash is MIT licensed. You are free to use, modify, and distribute this project for any purpose, including commercial use.

MIT License

Copyright (c) 2025 Ali AlEnezi (SiteQ8)

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software...

See LICENSE for the full text.


πŸ™ Acknowledgments

Built with ❀️ by security professionals, for security professionals.

Special thanks to:

  • The amazing open-source community
  • All our contributors
  • Kuwait cybersecurity community

πŸ”— Links


⭐ Star History

Star History Chart


Show Your Support

If SecOpsDash helps you in your security operations, please consider:

⭐ Starring this repository
🐦 Sharing on social media
πŸ’ Becoming a sponsor

Made with ❀️ in Kuwait πŸ‡°πŸ‡Ό

About

SecOpsDash is a modern and free security operations dashboard designed for SOC analysts, security professionals, and cybersecurity teams. Think of it as "Grafana for Security Teams" but simpler, more focused, and with a stunning UI that doesn't make your eyes bleed.

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

 
 
 

Contributors