CSS HacktoberFest

Open-source CSS projects categorized as HacktoberFest

Top 23 CSS HacktoberFest Projects

HacktoberFest
  1. nerd-fonts

    Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more

    Project mention: Nerd Fonts – Iconic font aggregator, collection, and patcher | news.ycombinator.com | 2025-04-15
  2. InfluxDB

    InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

    InfluxDB logo
  3. devicon

    Set of icons representing programming languages, designing & development tools

  4. wave

    Wave - The Software as a Service Starter Kit, designed to help you build the SAAS of your dreams 🚀 💰

    Project mention: Introducing Wave V3 – The Ultimate Laravel SaaS Starter Kit! | dev.to | 2024-10-28

    And, of course, if you're curious about the code behind it, feel free to check out the repo on GitHub: Wave GitHub Repo.

  5. Infosec_Reference

    An Information Security Reference That Doesn't Suck; https://rmusser.net/git/admin-2/Infosec_Reference for non-MS Git hosted version.

    Project mention: A slightly more fun way to disable windows defender. (through the WSC API) | news.ycombinator.com | 2024-05-24

    There's multiple. Here is one I maintain, though am very behind on it.

    https://github.com/rmusser01/Infosec_Reference

  6. macOS_Big_Sur_icons_replacements

    Replacement icons for popular apps in the style of macOS Big Sur

    Project mention: Show HN: Replacicon – Create and customize app icons on macOS | news.ycombinator.com | 2024-11-04

    I'm using a free app Pictogram (https://pictogramapp.com). It's not as feature rich as Replacicon (e.g. no online search from the app), but it works well if you just need to change an icon or two. Services like https://macosicons.com/ help you to find a good icons online.

  7. theme.park

    A collection of themes/skins for 50 selfhosted apps!

  8. system.css

    A design system for building retro Apple interfaces

    Project mention: System.css: A CSS Library for Classic Apple System OS-Inspired Interfaces | dev.to | 2025-03-17

    System.css is a CSS library that recreates the classic look of Apple's System OS (1984–1991). Since System 1 through System 6 had minimal design changes, this library is based on System 6, the last monochrome version of macOS.

  9. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  10. stylestage

    A modern CSS showcase styled by community contributions. Add your stylesheet!

    Project mention: 🚀 Boost Your Front-End Skills with These Practice Platforms | dev.to | 2024-07-01

    Style Stage

  11. py2rs

    A quick reference guide for the Pythonista in the process of becoming a Rustacean

  12. hedy

    Hedy is a gradual programming language to teach children programming. Gradual languages use different language levels, where each level adds new concepts and syntactic complexity. At the end of the Hedy level sequence, kids master a subset of syntactically valid Python.

    Project mention: Hedy: Textual Programming Made Easy | news.ycombinator.com | 2025-01-26

    Yeah, I have been playing with composable grammars, so you could only include parts of the language that you want for that specific case.

    Your take might be different, you probably have something to add to the https://www.hedy.org/ project.

    We really gotta get all the good ideas in our head out into the world. What other ideas do you have?

  13. dots

    Nothing here but Dotfiles & Customization 💫

  14. typescript-nextjs-starter

    Non-opinionated TypeScript starter for Next.js 15. All the tools you need to build your next project ⚡️

  15. vscode-portfolio

    A VSCode themed developer portfolio built using Next.js

  16. DropPoint

    Make drag-and-drop easier using DropPoint. Drag content without having to open side-by-side windows

  17. vue-tel-input

    International Telephone Input with Vue

  18. cobalt2-vscode

    Cobalt2 Theme for VS Code

  19. SciMLTutorials.jl

    Tutorials for doing scientific machine learning (SciML) and high-performance differential equation solving with open source software.

  20. Free-courses-with-Certificates

    Collection of free courses with certificates

  21. LinkFree

    A free and open source alternative to LinkTree (by MichaelBarney)

  22. selkies

    Open-Source Low-Latency Accelerated Linux WebRTC HTML5 Remote Desktop Streaming Platform for Self-Hosting, Containers, Kubernetes, or Cloud/HPC

    Project mention: Webtop – Alpine,Ubuntu,Fedora,and Arch containers containing full desktop envs | news.ycombinator.com | 2025-01-13

    Selkies[1] is another interesting project in this space. It uses webrtc for low latency streaming and remote desktop suitable for gaming in the browser.

    [1]: https://selkies-project.github.io/selkies-gstreamer/

  23. hugo-creative-portfolio-theme

    Port of the creative portfolio theme to Hugo

  24. obsidian

    💎 Soothing pastel theme for Obsidian (by catppuccin)

  25. Animation-Nation

    A ZTM Challenge for Hacktoberfest

    Project mention: Hacktoberfest: Animation. | dev.to | 2024-11-03

    You can see the gallery at Animation Nation. There are several great examples of CSS animation.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

CSS HacktoberFest discussion

Log in or Post with

CSS HacktoberFest related posts

  • System.css: A CSS Library for Classic Apple System OS-Inspired Interfaces

    2 projects | dev.to | 17 Mar 2025
  • Show HN: Replacicon – Create and customize app icons on macOS

    2 projects | news.ycombinator.com | 4 Nov 2024
  • Hacktoberfest: Animation.

    1 project | dev.to | 3 Nov 2024
  • Hacktoberfest Week 2: Diving Deeper into Code Contributions

    1 project | dev.to | 11 Oct 2024
  • Hackoberfest: Part 1

    1 project | dev.to | 4 Oct 2024
  • Oh My Posh- Powershell Terminal Setup

    5 projects | dev.to | 16 Jun 2024
  • Hedy: Textual Programming for the Classroom

    1 project | news.ycombinator.com | 19 Apr 2024
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 25 Apr 2025
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →

Index

What are some of the best open-source HacktoberFest projects in CSS? This list will help you:

# Project Stars
1 nerd-fonts 57,447
2 devicon 10,518
3 wave 5,991
4 Infosec_Reference 5,721
5 macOS_Big_Sur_icons_replacements 4,210
6 theme.park 2,570
7 system.css 2,491
8 stylestage 2,188
9 py2rs 2,086
10 hedy 1,501
11 dots 1,420
12 typescript-nextjs-starter 1,396
13 vscode-portfolio 1,110
14 DropPoint 943
15 vue-tel-input 836
16 cobalt2-vscode 784
17 SciMLTutorials.jl 731
18 Free-courses-with-Certificates 677
19 LinkFree 650
20 selkies 458
21 hugo-creative-portfolio-theme 450
22 obsidian 449
23 Animation-Nation 365

Sponsored
InfluxDB high-performance time series database
Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
influxdata.com

Did you know that CSS is
the 16th most popular programming language
based on number of references?