Awesome-Hackathon

Tools and resources to help you build, design, and win hackathons! 🏆

Table of Contents

1. Ideation & Inspiration
   • Inspiration
2. Planning & Prototyping
   • Prototyping
3. Development
   • Frontend Development
     • UI Library
   • Backend Development
   • Mobile Development
   • Database & Storage
   • Authentication & Authorization
   • APIs & Data Access
   • AI & ML
   • Data Engineering & Big Data
   • Cybersecurity
   • Blockchain & Web3
   • Game Development
   • Data Visualization
   • Generator & Snippet
4. Design
   • Tool
   • Illustration
   • Fonts
   • Icons
5. Testing & Quality Assurance
6. Deployment & Hosting
   • Hosting & Deployment
   • Serverless & Cloud Functions
7. Collaboration & Communication
8. Presentation & Pitching
9. Extension

---

Ideation & Inspiration

Inspiration

• Evernote Design - All in one bookmark links for designers.
• Unarkhive - Explore curated links across various categories, updated daily.
• saasui.design - SaasUI showcases top-tier SaaS application designs.
• SCRNSHTS - A hand-picked collection of the finest app store design screenshots.
• Saaspo - The best SaaS web design inspiration.

Planning & Prototyping

Prototyping

• Canva - Simple, user-friendly design tool with templates for web and mobile mockups.
• Whimsical - Drag-and-drop wireframing tool, great for quick prototyping and ideation.
• InVision Freehand - Digital whiteboard for brainstorming and UI mockups.
• Adobe XD Free - Lightweight design tool for creating simple wireframes and prototypes.
• GIMP - An open-source image editor comparable to Photoshop, used for graphic design and photo retouching.
• Excalidraw - A collaborative whiteboard tool for sketch-style diagrams, ideal for brainstorming and real-time visual collaboration.
• LibreOffice - A free, open-source office suite that provides word processing, spreadsheets, and presentation tools, serving as an alternative to Microsoft Office.
• Kdenlive - A professional-grade, open-source video editor for multi-track video creation and editing.
• ProtoPie - Intuitive prototyping tool for creating interactive and realistic app mockups.

Development

Frontend Development

• React - JavaScript library with reusable components, great for rapid UI development.
• Next.js - Powers high-quality web apps for the world’s leading companies, leveraging React's capabilities.
• Vue.js - Lightweight, beginner-friendly framework for building dynamic web UIs.
• Bootstrap - CSS framework with pre-designed, responsive components for fast layouts.
• Tailwind CSS - Utility-based CSS framework for quick styling, no custom design needed.
• Parcel - Zero-config bundler, ideal for quickly getting apps up and running.
• SvelteKit - A fast and lightweight framework for building web applications with minimal boilerplate.

UI Library

• Shadcn UI - Beautifully designed components that you can copy and paste into your apps. Made with Tailwind CSS. Open source.
• Cult UI - Ready-to-use React components. Shadcn compatible, styled with Tailwind CSS. Open source and fully typed.
• Magic UI - 50+ free, open-source animated components for React, TypeScript, Tailwind CSS, and Framer Motion. Ideal for shadcn/ui.

Backend Development

• Express.js - Minimalist Node.js framework, easy to set up REST APIs in minutes.
• FastAPI - Python framework for building APIs quickly, with built-in OpenAPI docs.
• Flask - Lightweight Python microframework, perfect for simple backends and APIs.
• Firebase Functions - Serverless backend with fast deployment, useful for real-time updates.
• Hasura - GraphQL engine for PostgreSQL, instantly creates a GraphQL API.
• ASP.NET - A robust, open-source framework by Microsoft for building modern web applications and APIs in .NET, with comprehensive support for MVC patterns, authentication, and scalable deployment options.

Mobile Development

• Expo (React Native) - Fast setup for cross-platform mobile development with React Native.
• Flutter - Google’s UI toolkit for building visually rich, cross-platform apps quickly.
• Ionic - Hybrid app framework using web technologies, ideal for building fast MVPs.
• Firebase Cloud Messaging (FCM) - Easy push notifications for mobile, with no backend setup.

Database & Storage

• Firebase Firestore - Realtime NoSQL database with offline sync and flexible document model.
• Supabase - Open-source alternative to Firebase, provides an instant SQL database.
• MongoDB Atlas - Managed NoSQL database with a free tier, suitable for flexible schemas.
• PlanetScale - Serverless MySQL database with a free tier, scalable and easy to set up.
• Airtable - Easy-to-use database with a spreadsheet interface, ideal for rapid prototyping.

Authentication & Authorization

• Firebase Auth - Simple authentication with social login support, no complex setup required.
• Auth0 - Authentication service with support for social and passwordless login.
• Clerk.dev - Drop-in authentication and user management with easy setup for MVPs.
• Magic Link - Passwordless login with email, makes user authentication frictionless.
• SuperTokens - Open-source authentication solution with pre-built frontend and backend integrations.
• Firebase Anonymous Auth - Quick setup for apps that need user tracking without full sign-up.
• NextAuth.js - Authentication for Next.js.

APIs & Data Access

• RapidAPI - API marketplace to quickly find and test external APIs.
• Swagger UI - Tool for automatically documenting and interactively testing your REST APIs.
• OpenAI API - Pre-built NLP models for text generation and understanding, free trial credits.
• Twilio - Simple API for sending SMS and making calls, free trial with credits.
• NewsAPI - Free access to recent news data from various sources.
• Mapbox - Easy-to-use maps and geolocation service with a generous free tier.
• SheetDB - Turns Google Sheets into a REST API for quick MVP data handling.
• Mocky - Tool for generating custom mock APIs.
• Mockaroo - Mock tool to generate up to 1,000 rows of test data in CSV, JSON, SQL, and Excel formats.
• JsonPlaceholder - Fake online REST API for quick prototyping and testing.
• CoinGecko - Cryptocurrency price, market, and developer/social data.
• DBeaver Community - Open-source database management tool supporting multiple database types (MySQL, PostgreSQL, SQLite, Oracle, etc.), with features for data visualization, SQL editing, and database administration.

AI & ML

• Hugging Face Transformers - Pre-trained NLP models, no need to train from scratch.
• Teachable Machine - Train image, sound, and pose models in the browser without code.
• Google Colab - Free Jupyter notebook with GPU support for quick prototyping of ML models.
• IBM Watson AI - NLP, vision, and language tools with free tier for basic tasks.
• RunwayML - No-code tool for computer vision, quickly deploys AI models for images or videos.
• Replicate - Run and fine-tune open-source models. Deploy custom models at scale. All with one line of code.

Data Engineering & Big Data

• Google BigQuery Sandbox - Free data warehouse with SQL, good for small datasets.
• Apache Kafka on Confluent Cloud - Free tier for real-time data streaming.
• Looker Studio (formerly Google Data Studio) - Free data visualization tool for creating quick dashboards.
• Fivetran Free Tier - Managed connectors to pull data from popular sources into your database.
• Pandas Profiling - Auto-generate data analysis reports from Pandas DataFrames.
• Kaggle Datasets - Access open datasets for building data-driven MVPs quickly.

Cybersecurity

• Nuclei - Open-source vulnerability scanner powered by the global security community for finding vulnerabilities.
• OWASP ZAP - Open-source web application security scanner for finding vulnerabilities.
• Burp Suite Community - Free tool for manual vulnerability assessments of web apps.
• Nmap - Network discovery and security auditing tool, great for network vulnerability checks.
• Wireshark - Network protocol analyzer, helpful for quick network debugging.
• Metasploit - A tool used by cybersecurity professionals to perform penetration tests.
• Sqlmap - A penetration testing tool that automates the detection and exploitation of SQL injection flaws.
• Wfuzz - Web application fuzz testing CLI tool.
• Sudomy - Subdomain enumeration tool for collecting subdomains and performing automated reconnaissance.
• Frida - A reverse engineering tool for Android and Windows applications.

Blockchain & Web3

• Alchemy - Easy-to-use platform for blockchain APIs and developer tools, free tier included.
• MetaMask - Browser extension for managing blockchain wallets and accessing DApps.
• Infura - API for connecting to the Ethereum blockchain, with free monthly transactions.
• Moralis - Web3 backend with APIs, user authentication, and data storage.
• Remix IDE - Browser-based Solidity IDE, ideal for writing and testing smart contracts.

Game Development

• Unity Personal - Free game engine for indie developers, ideal for cross-platform, rapid and blitz 2D/3D games.
• GDevelop - No-code game creation tool with fast setup, suitable for quick prototypes.
• Godot - Open-source game engine, perfect for lightweight 2D and 3D games.
• Tiled - Free tool for creating 2D tile maps, great for game prototyping.
• Construct 3 - No-code game development platform with a free tier for building prototypes.
• Stability.ai - For stable models.
• DeepMotion - Text to 3D animation and Video to 3D animation app.

Data Visualization

• Plotly - Interactive graphing for data visualization in Python.
• Tableau Public - Free version for creating interactive, shareable data dashboards.
• Google Charts - Simple API for adding data visualizations to your website.
• Chart.js - Lightweight JavaScript library for quick and easy charts on the frontend.
• Draw.io - An open-source diagramming tool for creating structured diagrams, flowcharts, and more, with Google Drive integration.

Generator & Snippet

• Vercel OG Image Playground - Generate Open Graph images with Vercel’s Edge Function.
• Scrollbar.app - Simple CSS scrollbar editor.
• Tailwind CSS Color Generator - Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.
• bg.ibelick - Collection of modern, background snippets
• Gradiently - Create stunning visuals effortlessly with our Tailwind Gradient Generator.
• Haikei - A web-based design tool to generate unique SVG design assets for websites

Design

Tool

• Figma - Collaborative design tool for wireframes and prototypes, real-time collaboration.
• Blender - Blender is a free and open-source 3D computer graphics software tool set that runs on Windows, MacOS, BSD, Haiku, IRIX, and Linux.
• Pixilart - Free browser-based pixel art app.

Illustration

• 404 Illustrations- Royalty free illustrations for 404 pages
• Humaaans - Mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch.
• SVG Illustrations - Free SVG Illustrations
• Open Peeps - Open Peeps is a hand-drawn illustration library to create scenes of people.
• 404 Illustrations - This website is a hand-crafted collection of illustrations that you can use for your website's 404 (Not Found) page.
• Popsy - The biggest free Notion illustration set.

Fonts

• Geist Font - Geist is a developer-focused typeface inspired by Swiss design, embodying Vercel's principles of simplicity, minimalism, and speed.
• Onest - Onest blends geometric and humanistic styles, offering weights from thin to extra bold, perfect for reading long texts on screens.

Icons

• Phosphor Icons - A versatile icon family for interfaces, diagrams, and more.
• Radix Icons - An open-source component library for fast, accessible, and hassle-free development.
• Lucide Icons - Beautiful & consistent icon toolkit made by the community.
• Geist Icons - A collection of icons used across Vercel products.

Testing & Quality Assurance

• Postman - API testing tool with intuitive interface, good for testing API endpoints.
• Jest - JavaScript testing framework, easy setup with React and Node.js projects.
• Cypress - JavaScript end-to-end testing framework for web applications.
• Selenium IDE - Browser extension for creating simple UI tests without code.
• Mockoon - Mock API server to simulate APIs for testing without a backend.

Deployment & Hosting

Hosting & Deployment

• Vercel - One-click deployment for frontend frameworks, with auto scaling and global CDN.
• Netlify - Free static hosting with CI/CD, deploys apps directly from GitHub.
• Glitch - In-browser IDE for deploying small Node.js apps instantly, great for demos.
• GitHub Pages - Free hosting for static websites, ideal for deploying simple frontend MVPs.

Serverless & Cloud Functions

• AWS Lambda Free Tier - Run code in response to events with minimal setup.
• Google Cloud Functions Free Tier - Serverless functions for small, event-driven tasks.
• Vercel Serverless Functions - Built-in serverless functions for API routes in frontend apps.
• Cloudflare Workers - Serverless compute at the edge, with free tier for lightweight apps.

Collaboration & Communication

• Slack - Communication tool with channels, great for team coordination.
• Discord - Voice, video, and chat communication for team discussions and quick feedback.
• Trello - Kanban-style board for task tracking, easy to set up and use.
• Notion - Workspace for organizing notes, ideas, and tasks in one place.
• Miro - Interactive whiteboard for brainstorming, flowcharting, and visual planning.
• HackMD - Real-time markdown collaboration tool for project documentation.
• Coda - A powerful document tool that blends text and tables for real-time project tracking.

Presentation & Pitching

• Canva - User-friendly design tool with templates for presentations.
• LibreOffice Impress - Free tool for creating presentations.
• Google Slides - Collaborative presentation tool.
• ElevenLabs - Create realistic speech with AI audio platform

Extension

• React Developer Tools - Adds React debugging tools to the Chrome Developer Tools.
• WhatFont - The easiest way to identify fonts on web pages.
• ColorZilla - Advanced Eyedropper, Color Picker, Gradient Generator and more.
• CSSViewer - A simple CSS property viewer.