A modern, feature-rich resource explorer for DevOps and Cloud Engineering.
Discover, organize, and share the most useful tools, platforms, and guides β beautifully presented and personalized for your workflow.
Created by: H A R S H H A A
Note
π The goal? Eliminate scattered bookmarks and fragmented resources. Create your own personalized DevOps resource hub with organization, sharing, and discovery features.
Awesome DevOps + Cloud UI is a feature-rich application that transforms how you discover, organize, and share DevOps and Cloud resources. It's not just a static list - it's an interactive platform with collections, sharing, theming, and more.
It's the perfect companion for:
- π DevOps Engineers managing tool ecosystems
- π§βπ» Cloud Architects exploring platform capabilities
- π οΈ SREs & Platform Engineers building reliable systems
- π Learners creating personalized learning paths
- π₯ Teams collaborating on common resources
- Advanced Filtering - Find resources by category, name, or description
- Multiple View Layouts - Choose between grid, compact, or list views
- Smart Sorting - Sort resources by date, name, or custom criteria
- Instant Search - Real-time search with highlighted results
- Responsive Design - Perfect experience on any device size
- Custom Collections - Create and manage collections of related resources
- Collection Organization - Pin important collections for quick access
- Visual Customization - Add colors and tags to collections
- Resource Management - Add/remove resources from collections with ease
- Batch Operations - Add multiple resources to collections at once
- Shareable Collections - Generate links to share your collections
- Expiring Links - Set time limits on shared collections (1, 7, 30, or 90 days)
- Password Protection - Secure your shared collections with passwords
- Public/Private Toggle - Control whether collections are shareable
- Copy with Credentials - Share password-protected links seamlessly
- Theme System - Choose between light, dark, or system-based themes
- Bookmark Resources - Save individual resources for quick access
- Recent & Popular Views - See what's trending and new
- Custom Sorting - Sort your collections by name, date, or size
- Persistent State - Your collections and settings persist between sessions
- Local Storage - All data stays in your browser
- Link Expiration - Shared links can automatically expire
- Password Protection - Secure access to sensitive collections
- No Account Required - Use all features without signing up
- Explore Resources - Browse the curated collection of DevOps and Cloud tools
- Create Collections - Organize resources into themed collections
- Bookmark Favorites - Save individual resources you use frequently
- Share with Others - Generate links to share your collections with colleagues
- Customize Your Experience - Set your preferred theme and view options
- Tools & CLIs - Command-line utilities and developer tools
- Starter Projects & Boilerplates - Quick-start templates and scaffolds
- Utilities & Services - Helper tools and managed services
- Guides & Documentation - Learning resources and reference materials
- Platforms & Frameworks - Complete solutions and development ecosystems
- Hands-on Labs & Sandboxes - Interactive learning environments
- Self-Hosted Tools - Software you can deploy in your own infrastructure
- Security & DevSecOps Tools - Security scanning, testing, and compliance
- Observability Stack - Logging, monitoring, and tracing solutions
- CI/CD Pipelines & Workflows - Continuous integration and deployment tools
- Infrastructure as Code (IaC) - Tools for defining infrastructure in code
- GitOps & Automation - Git-based operational tooling
- Container & Orchestration Tools - Docker, Kubernetes, and related tools
- Cloud-Specific Resources - AWS, Azure, GCP, and other cloud tools
- Learning Paths & Roadmaps - Structured learning guides
- Beginner-Friendly Resources - Approachable tools for newcomers
- Trending & Popular Picks - Community favorites and rising stars
- Animated Transitions - Smooth animations for a polished experience
- Responsive Cards - Resource cards adapt to different screen sizes
- Accessibility Features - Screen reader support and keyboard navigation
- Dark/Light Modes - Automatic theme switching based on system preferences
- Toast Notifications - Get feedback on your actions
- Skeleton Loading - See loading indicators while content loads
- Drag & Drop Support - Intuitive organization of resources
- Tooltips & Hints - Contextual help throughout the interface
- Sorting & Filtering Controls - Fine-tune your resource views
- Empty States - Helpful guidance when no resources match filters
Have an awesome DevOps or Cloud tool to share? Want to improve the UI? Help grow this project!
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
- New tools, links, or guides to add to the resource database
- UI/UX improvements and bug fixes
- New features or enhancements to existing functionality
- Documentation improvements and usage examples
- Accessibility improvements
This project leverages modern web technologies:
- Next.js - React framework for server-rendered applications
- TypeScript - For type safety and improved developer experience
- TailwindCSS - Utility-first CSS framework for styling
- Framer Motion - For smooth animations and transitions
- Radix UI - Accessible component primitives
- localStorage API - For persistent collections and settings
- React Hooks - Custom hooks for collections, bookmarks, and themes
This project is licensed under the MIT License - see the LICENSE file for details.
Inspired by:
- Awesome Lists by Sindre Sorhus
- awesome-shadcn/ui
- DevOps Toolchain Projects
- shadcn/ui - UI components
- All the amazing open-source creators out there β€οΈ
π Regular updates keep this collection relevant and practical.
β Star this repository to stay updated!
This project is crafted with π‘ by Harshhaa.
Your feedback is always welcome! Let's build together. π
π§ Connect with me:
π GitHub: @NotHarshhaa
π Blog: ProDevOpsGuy
π Telegram Community: Join Here
π LinkedIn: Harshhaa Vardhan Reddy
If this helped you, consider:
β
Starring β this repository
β
Sharing π’ with your network
