Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/happyhackingspace/awesome-hackathon

Tools and resources to help you build, design, and win hackathons! 🏆
https://github.com/happyhackingspace/awesome-hackathon

List: awesome-hackathon

awesome awesome-list game-jam hackathon hacking hacktoberfest ideathon lists resources

Last synced: 23 days ago
JSON representation

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

Awesome Lists containing this project

README 

        
# Awesome-Hackathon

![Awesome Hackathon](logo.webp)



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



## Table of Contents



1. [Ideation & Inspiration](#ideation--inspiration)

   - [Inspiration](#inspiration)

2. [Planning & Prototyping](#planning--prototyping)

   - [Prototyping](#prototyping)

3. [Development](#development)

   - [Frontend Development](#frontend-development)

     - [UI Library](#ui-library)

   - [Backend Development](#backend-development)

   - [Mobile Development](#mobile-development)

   - [Database & Storage](#database--storage)

   - [Authentication & Authorization](#authentication--authorization)

   - [APIs & Data Access](#apis--data-access)

   - [AI & ML](#ai--ml)

   - [Data Engineering & Big Data](#data-engineering--big-data)

   - [Cybersecurity](#cybersecurity)

   - [Blockchain & Web3](#blockchain--web3)

   - [Game Development](#game-development)

   - [Data Visualization](#data-visualization)

   - [Generator & Snippet](#generator--snippet)

4. [Design](#design)

   - [Tool](#tool)

   - [Illustration](#illustration)

   - [Fonts](#fonts)

   - [Icons](#icons)

5. [Testing & Quality Assurance](#testing--quality-assurance)

6. [Deployment & Hosting](#deployment--hosting)

   - [Hosting & Deployment](#hosting--deployment)

   - [Serverless & Cloud Functions](#serverless--cloud-functions)

7. [Collaboration & Communication](#collaboration--communication)

8. [Presentation & Pitching](#presentation--pitching)

9. [Extension](#extension)

10. [VPN](#vpn)



---



## Ideation & Inspiration



### Inspiration



- **[Evernote Design](https://evernote.design/)** - All in one bookmark links for designers.

- **[Unarkhive](https://unarkhive.com/)** - Explore curated links across various categories, updated daily.

- **[saasui.design](https://saasui.design/)** - SaasUI showcases top-tier SaaS application designs.

- **[SCRNSHTS](https://scrnshts.club/)** - A hand-picked collection of the finest app store design screenshots.

- **[Saaspo](https://saaspo.com/)** - The best SaaS web design inspiration.



## Planning & Prototyping



### Prototyping



- **[Canva](https://www.canva.com/)** - Simple, user-friendly design tool with templates for web and mobile mockups.

- **[Whimsical](https://whimsical.com/)** - Drag-and-drop wireframing tool, great for quick prototyping and ideation.

- **[InVision Freehand](https://www.invisionapp.com/freehand)** - Digital whiteboard for brainstorming and UI mockups.

- **[Adobe XD Free](https://www.adobe.com/products/xd.html)** - Lightweight design tool for creating simple wireframes and prototypes.

- **[GIMP](https://www.gimp.org/)** - An open-source image editor comparable to Photoshop, used for graphic design and photo retouching.

- **[Excalidraw](https://excalidraw.com/)** - A collaborative whiteboard tool for sketch-style diagrams, ideal for brainstorming and real-time visual collaboration.

- **[LibreOffice](https://www.libreoffice.org/)** - A free, open-source office suite that provides word processing, spreadsheets, and presentation tools, serving as an alternative to Microsoft Office.

- **[Kdenlive](https://kdenlive.org/)** - A professional-grade, open-source video editor for multi-track video creation and editing.

- **[ProtoPie](https://www.protopie.io/)** - Intuitive prototyping tool for creating interactive and realistic app mockups.



## Development



### Frontend Development



- **[React](https://reactjs.org/)** - JavaScript library with reusable components, great for rapid UI development.

- **[Next.js](https://nextjs.org/)** - Powers high-quality web apps for the world’s leading companies, leveraging React's capabilities.

- **[Vue.js](https://vuejs.org/)** - Lightweight, beginner-friendly framework for building dynamic web UIs.

- **[Bootstrap](https://getbootstrap.com/)** - CSS framework with pre-designed, responsive components for fast layouts.

- **[Tailwind CSS](https://tailwindcss.com/)** - Utility-based CSS framework for quick styling, no custom design needed.

- **[Parcel](https://parceljs.org/)** - Zero-config bundler, ideal for quickly getting apps up and running.

- **[SvelteKit](https://svelte.dev/)** - A fast and lightweight framework for building web applications with minimal boilerplate.



#### UI Library



- **[Shadcn UI](https://ui.shadcn.com/)** - Beautifully designed components that you can copy and paste into your apps. Made with Tailwind CSS. Open source.

- **[Cult UI](https://www.cult-ui.com)** - Ready-to-use React components. Shadcn compatible, styled with Tailwind CSS. Open source and fully typed.

- **[Magic UI](https://magicui.design)** - 50+ free, open-source animated components for React, TypeScript, Tailwind CSS, and Framer Motion. Ideal for shadcn/ui.



### Backend Development



- **[Express.js](https://expressjs.com/)** - Minimalist Node.js framework, easy to set up REST APIs in minutes.

- **[FastAPI](https://fastapi.tiangolo.com/)** - Python framework for building APIs quickly, with built-in OpenAPI docs.

- **[Flask](https://flask.palletsprojects.com/)** - Lightweight Python microframework, perfect for simple backends and APIs.

- **[Firebase Functions](https://firebase.google.com/docs/functions)** - Serverless backend with fast deployment, useful for real-time updates.

- **[Hasura](https://hasura.io/)** - GraphQL engine for PostgreSQL, instantly creates a GraphQL API.

- **[ASP.NET](https://learn.microsoft.com/en-us/aspnet/core/)** - 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)](https://expo.dev/)** - Fast setup for cross-platform mobile development with React Native.

- **[Flutter](https://flutter.dev/)** - Google’s UI toolkit for building visually rich, cross-platform apps quickly.

- **[Ionic](https://ionicframework.com/)** - Hybrid app framework using web technologies, ideal for building fast MVPs.

- **[Firebase Cloud Messaging (FCM)](https://firebase.google.com/products/cloud-messaging/)** - Easy push notifications for mobile, with no backend setup.



### Database & Storage



- **[Firebase Firestore](https://firebase.google.com/products/firestore)** - Realtime NoSQL database with offline sync and flexible document model.

- **[Supabase](https://supabase.com/)** - Open-source alternative to Firebase, provides an instant SQL database.

- **[MongoDB Atlas](https://www.mongodb.com/cloud/atlas)** - Managed NoSQL database with a free tier, suitable for flexible schemas.

- **[PlanetScale](https://planetscale.com/)** - Serverless MySQL database with a free tier, scalable and easy to set up.

- **[Airtable](https://airtable.com/)** - Easy-to-use database with a spreadsheet interface, ideal for rapid prototyping.



### Authentication & Authorization



- **[Firebase Auth](https://firebase.google.com/products/auth)** - Simple authentication with social login support, no complex setup required.

- **[Auth0](https://auth0.com/)** - Authentication service with support for social and passwordless login.

- **[Clerk.dev](https://clerk.dev/)** - Drop-in authentication and user management with easy setup for MVPs.

- **[Magic Link](https://magic.link/)** - Passwordless login with email, makes user authentication frictionless.

- **[SuperTokens](https://supertokens.com/)** - Open-source authentication solution with pre-built frontend and backend integrations.

- **[Firebase Anonymous Auth](https://firebase.google.com/docs/auth/web/anonymous-auth)** - Quick setup for apps that need user tracking without full sign-up.

- **[NextAuth.js](https://next-auth.js.org/)** - Authentication for Next.js.



### APIs & Data Access



- **[RapidAPI](https://rapidapi.com/)** - API marketplace to quickly find and test external APIs.

- **[Swagger UI](https://swagger.io/)** - Tool for automatically documenting and interactively testing your REST APIs.

- **[OpenAI API](https://platform.openai.com/docs/introduction)** - Pre-built NLP models for text generation and understanding, free trial credits.

- **[Twilio](https://www.twilio.com/)** - Simple API for sending SMS and making calls, free trial with credits.

- **[NewsAPI](https://newsapi.org/)** - Free access to recent news data from various sources.

- **[Mapbox](https://www.mapbox.com/)** - Easy-to-use maps and geolocation service with a generous free tier.

- **[SheetDB](https://sheetdb.io/)** - Turns Google Sheets into a REST API for quick MVP data handling.

- **[Mocky](https://mocky.io/)** - Tool for generating custom mock APIs.

- **[Mockaroo](https://www.mockaroo.com/)** - Mock tool to generate up to 1,000 rows of test data in CSV, JSON, SQL, and Excel formats.

- **[JsonPlaceholder](https://jsonplaceholder.typicode.com/)** - Fake online REST API for quick prototyping and testing.

- **[CoinGecko](https://www.coingecko.com/en/api/documentation)** - Cryptocurrency price, market, and developer/social data.

- **[DBeaver Community](https://dbeaver.io/)** - 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](https://huggingface.co/docs/transformers/)** - Pre-trained NLP models, no need to train from scratch.

- **[Teachable Machine](https://teachablemachine.withgoogle.com/)** - Train image, sound, and pose models in the browser without code.

- **[Google Colab](https://colab.research.google.com/)** - Free Jupyter notebook with GPU support for quick prototyping of ML models.

- **[IBM Watson AI](https://www.ibm.com/cloud/watson)** - NLP, vision, and language tools with free tier for basic tasks.

- **[RunwayML](https://runwayml.com/)** - No-code tool for computer vision, quickly deploys AI models for images or videos.

- **[Replicate](https://replicate.com/)** - 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](https://cloud.google.com/bigquery/docs/sandbox)** - Free data warehouse with SQL, good for small datasets.

- **[Apache Kafka on Confluent Cloud](https://www.confluent.io/confluent-cloud/tryfree/)** - Free tier for real-time data streaming.

- **[Looker Studio (formerly Google Data Studio)](https://lookerstudio.google.com/)** - Free data visualization tool for creating quick dashboards.

- **[Fivetran Free Tier](https://www.fivetran.com/pricing)** - Managed connectors to pull data from popular sources into your database.

- **[Pandas Profiling](https://pandas-profiling.ydata.ai/)** - Auto-generate data analysis reports from Pandas DataFrames.

- **[Kaggle Datasets](https://www.kaggle.com/datasets)** - Access open datasets for building data-driven MVPs quickly.



### Cybersecurity



- **[Nuclei](https://docs.projectdiscovery.io/tools/nuclei/overview)** - Open-source vulnerability scanner powered by the global security community for finding vulnerabilities.

- **[OWASP ZAP](https://www.zaproxy.org/)** - Open-source web application security scanner for finding vulnerabilities.

- **[Burp Suite Community](https://portswigger.net/burp)** - Free tool for manual vulnerability assessments of web apps.

- **[Nmap](https://nmap.org/)** - Network discovery and security auditing tool, great for network vulnerability checks.

- **[Wireshark](https://www.wireshark.org/)** - Network protocol analyzer, helpful for quick network debugging.

- **[Metasploit](https://www.metasploit.com/)** - A tool used by cybersecurity professionals to perform penetration tests.

- **[Sqlmap](http://sqlmap.org/)** - A penetration testing tool that automates the detection and exploitation of SQL injection flaws.

- **[Wfuzz](https://github.com/xmendez/wfuzz)** - Web application fuzz testing CLI tool.

- **[Sudomy](https://github.com/Screetsec/Sudomy)** - Subdomain enumeration tool for collecting subdomains and performing automated reconnaissance.

- **[Frida](https://frida.re/)** - A reverse engineering tool for Android and Windows applications.



### Blockchain & Web3



- **[Alchemy](https://www.alchemy.com/)** - Easy-to-use platform for blockchain APIs and developer tools, free tier included.

- **[MetaMask](https://metamask.io/)** - Browser extension for managing blockchain wallets and accessing DApps.

- **[Infura](https://infura.io/)** - API for connecting to the Ethereum blockchain, with free monthly transactions.

- **[Moralis](https://moralis.io/)** - Web3 backend with APIs, user authentication, and data storage.

- **[Remix IDE](https://remix.ethereum.org/)** - Browser-based Solidity IDE, ideal for writing and testing smart contracts.



### Game Development



- **[Unity Personal](https://unity.com/products/unity-personal)** - Free game engine for indie developers, ideal for cross-platform, rapid and blitz 2D/3D games.

- **[GDevelop](https://gdevelop.io/)** - No-code game creation tool with fast setup, suitable for quick prototypes.

- **[Godot](https://godotengine.org/)** - Open-source game engine, perfect for lightweight 2D and 3D games.

- **[Tiled](https://www.mapeditor.org/)** - Free tool for creating 2D tile maps, great for game prototyping.

- **[Construct 3](https://www.construct.net/en)** - No-code game development platform with a free tier for building prototypes.

- **[Stability.ai](https://stability.ai/)** - For stable models.

- **[DeepMotion](https://www.deepmotion.com/)** - Text to 3D animation and Video to 3D animation app.



### Data Visualization



- **[Plotly](https://plotly.com/)** - Interactive graphing for data visualization in Python.

- **[Tableau Public](https://public.tableau.com/)** - Free version for creating interactive, shareable data dashboards.

- **[Google Charts](https://developers.google.com/chart)** - Simple API for adding data visualizations to your website.

- **[Chart.js](https://www.chartjs.org/)** - Lightweight JavaScript library for quick and easy charts on the frontend.

- **[Draw.io](https://www.diagrams.net/)** - An open-source diagramming tool for creating structured diagrams, flowcharts, and more, with Google Drive integration.



### Generator & Snippet



- **[Vercel OG Image Playground](https://og-playground.vercel.app)** - Generate Open Graph images with Vercel’s Edge Function.

- **[Scrollbar.app](https://scrollbar.app)** - Simple CSS scrollbar editor.

- **[Tailwind CSS Color Generator](https://uicolors.app/create)** - Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.

- **[bg.ibelick](https://bg.ibelick.com)** - Collection of modern, background snippets

- **[Gradiently](https://gradienty.codes)** - Create stunning visuals effortlessly with our Tailwind Gradient Generator.

- **[Haikei](https://app.haikei.app)** - A web-based design tool to generate unique SVG design assets for websites



## Design



### Tool



- **[Figma](https://www.figma.com/)** - Collaborative design tool for wireframes and prototypes, real-time collaboration.

- **[Blender](https://www.blender.org/)** - Blender is a free and open-source 3D computer graphics software tool set that runs on Windows, MacOS, BSD, Haiku, IRIX, and Linux.

- **[Pixilart](https://www.pixilart.com/)** - Free browser-based pixel art app.



### Illustration



- **[404 Illustrations](https://error404.fun)**- Royalty free illustrations for 404 pages

- **[Humaaans](https://www.humaaans.com)** - Mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch.

- **[SVG Illustrations](https://lukaszadam.com/illustrations)** - Free SVG Illustrations

- **[Open Peeps](https://www.openpeeps.com)** - Open Peeps is a hand-drawn illustration library to create scenes of people.

- **[404 Illustrations](https://www.kapwing.com/404-illustrations)** - This website is a hand-crafted collection of illustrations that you can use for your website's 404 (Not Found) page.

- **[Popsy](https://popsy.co/illustrations)** - The biggest free Notion illustration set.



### Fonts



- **[Geist Font](https://vercel.com/font)** - Geist is a developer-focused typeface inspired by Swiss design, embodying Vercel's principles of simplicity, minimalism, and speed.

- **[Onest](https://github.com/simpals/onest)** - Onest blends geometric and humanistic styles, offering weights from thin to extra bold, perfect for reading long texts on screens.



### Icons



- **[Phosphor Icons](https://phosphoricons.com/)** - A versatile icon family for interfaces, diagrams, and more.

- **[Radix Icons](https://icons.radix-ui.com/)** - An open-source component library for fast, accessible, and hassle-free development.

- **[Lucide Icons](https://lucide.dev/)** - Beautiful & consistent icon toolkit made by the community.

- **[Geist Icons](https://geist-ui.dev/en-us/components/icons)** - A collection of icons used across Vercel products.



## Testing & Quality Assurance



- **[Postman](https://www.postman.com/)** - API testing tool with intuitive interface, good for testing API endpoints.

- **[Jest](https://jestjs.io/)** - JavaScript testing framework, easy setup with React and Node.js projects.

- **[Cypress](https://www.cypress.io/)** - JavaScript end-to-end testing framework for web applications.

- **[Selenium IDE](https://www.selenium.dev/selenium-ide/)** - Browser extension for creating simple UI tests without code.

- **[Mockoon](https://mockoon.com/)** - Mock API server to simulate APIs for testing without a backend.



## Deployment & Hosting



### Hosting & Deployment



- **[Vercel](https://vercel.com/)** - One-click deployment for frontend frameworks, with auto scaling and global CDN.

- **[Netlify](https://www.netlify.com/)** - Free static hosting with CI/CD, deploys apps directly from GitHub.

- **[Glitch](https://glitch.com/)** - In-browser IDE for deploying small Node.js apps instantly, great for demos.

- **[GitHub Pages](https://pages.github.com/)** - Free hosting for static websites, ideal for deploying simple frontend MVPs.



### Serverless & Cloud Functions



- **[AWS Lambda Free Tier](https://aws.amazon.com/lambda/pricing/)** - Run code in response to events with minimal setup.

- **[Google Cloud Functions Free Tier](https://cloud.google.com/functions/pricing)** - Serverless functions for small, event-driven tasks.

- **[Vercel Serverless Functions](https://vercel.com/docs/concepts/functions/serverless-functions)** - Built-in serverless functions for API routes in frontend apps.

- **[Cloudflare Workers](https://developers.cloudflare.com/workers/)** - Serverless compute at the edge, with free tier for lightweight apps.



## Collaboration & Communication



- **[Slack](https://slack.com/)** - Communication tool with channels, great for team coordination.

- **[Discord](https://discord.com/)** - Voice, video, and chat communication for team discussions and quick feedback.

- **[Trello](https://trello.com/)** - Kanban-style board for task tracking, easy to set up and use.

- **[Notion](https://www.notion.so/)** - Workspace for organizing notes, ideas, and tasks in one place.

- **[Miro](https://miro.com/)** - Interactive whiteboard for brainstorming, flowcharting, and visual planning.

- **[HackMD](https://hackmd.io/)** - Real-time markdown collaboration tool for project documentation.

- **[Coda](https://coda.io/)** - A powerful document tool that blends text and tables for real-time project tracking.



## Presentation & Pitching



- **[Canva](https://www.canva.com/)** - User-friendly design tool with templates for presentations.

- **[LibreOffice Impress](https://www.libreoffice.org/discover/impress/)** - Free tool for creating presentations.

- **[Google Slides](https://www.google.com/slides/about/)** - Collaborative presentation tool.

- **[ElevenLabs](https://elevenlabs.io)** - Create realistic speech with AI audio platform



## Extension



- **[React Developer Tools](https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)** - Adds React debugging tools to the Chrome Developer Tools.

- **[WhatFont](https://chromewebstore.google.com/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en)** - The easiest way to identify fonts on web pages.

- **[ColorZilla](https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)** - Advanced Eyedropper, Color Picker, Gradient Generator and more.

- **[CSSViewer](https://chromewebstore.google.com/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce)** - A simple CSS property viewer.



## VPN

1. VPN Web Extensions

- **[TouchVPN](https://www.touchvpn.net)** - Free Chrome/Mozilla VPN Extension

- **[BrowsecVPN](https://browsec.com/en/=and)** - Free Chrome/Mozilla VPN Extension(Alternative)

2. VPN Apps

- **[ProtonVPN](https://protonvpn.com)** - Free for Win/Mac/Linux

- **[1.1.1.1](https://one.one.one.one)** - 1.1.1.1 is a free, public DNS resolver from Cloudflare and APNIC