CSS HacktoberFest

Open-source CSS projects categorized as HacktoberFest | Edit details

Top 23 CSS HacktoberFest Projects

  • GitHub repo the-swift-programming-language-in-chinese

    中文版 Apple 官方 Swift 教程《The Swift Programming Language》

    Project mention: CSS Deep | dev.to | 2021-02-26

    numbbbbb/the-swift-programming-language-in-chinese - 中文版 Apple 官方 Swift 教程《The Swift Programming Language》

  • GitHub repo macOS_Big_Sur_icons_replacements

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

    Project mention: You can add SF Icons to folders and pin them to sidebar for better organisation | reddit.com/r/MacOS | 2021-11-30

    Yes I saw your post. I liked the idea. For now I download custom folder icons from macosicons.com and use it. But they don't look that good, they're all over places from shadow to tint to shape...etc. And also they don't the glyph in sidebar, just plain folder. So yeah, I just do this.

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo SimpleLogin

    The SimpleLogin back-end

    Project mention: How to make lots of gmail account | reddit.com/r/GMail | 2021-12-03

    Well, just know there are services like annonaddy and simplelogin that allow you to create mail aliases (tons of them) that all point to a single mailbox, so if its some sort of contest entry, there's much easier ways to do this than create a ton of google accounts and associate phone numbers to them, which will risk having them suspended.

  • GitHub repo AdminLTE

    Pi-hole Dashboard for stats and more (by pi-hole)

    Project mention: Problems setting up pihole on UDM Pro SE (Debian 9) | reddit.com/r/pihole | 2021-11-21

    [✓] Root user check .;;,. .ccccc:,. :cccclll:. ..,, :ccccclll. ;ooodc 'ccll:;ll .oooodc .;cll.;;looo:. .. ','. .',,,,,,'. .',,,,,,,,,,. .',,,,,,,,,,,,.... ....''',,,,,,,'....... ......... .... ......... .......... .......... .......... .......... ......... .... ......... ........,,,,,,,'...... ....',,,,,,,,,,,,. .',,,,,,,,,'. .',,,,,,'. ..'''. [✓] Update local cache of available packages [✓] Checking apt-get for upgraded packages... up to date! [i] Checking for / installing Required dependencies for OS Check... [✓] Checking for grep [✓] Checking for dnsutils [✓] Supported OS detected [i] Checking for / installing Required dependencies for this install script... [✓] Checking for git [✓] Checking for iproute2 [✓] Checking for whiptail [✓] Checking for ca-certificates [i] SELinux not detected [i] Using interface: br0 [i] Using upstream DNS: Cloudflare (DNSSEC) (, [i] IPv4 address: XXX.XXX.XXX.XXX/XX [i] Unable to find IPv6 ULA/GUA address [i] IPv6 address: [i] Web Interface On [i] Web Server On [i] Logging On. [✗] Check for existing repository in /etc/.pihole [i] Clone https://github.com/pi-hole/pi-hole.git into /etc/.pihole...HEAD is now at b5e0f14 Merge pull request #4405 from pi-hole/development [✓] Clone https://github.com/pi-hole/pi-hole.git into /etc/.pihole [✗] Check for existing repository in /var/www/html/admin [i] Clone https://github.com/pi-hole/AdminLTE.git into /var/www/html/admin...HEAD is now at ee50954 Merge pull request #1935 from pi-hole/devel [✓] Clone https://github.com/pi-hole/AdminLTE.git into /var/www/html/admin [i] Checking for / installing Required dependencies for Pi-hole software... [✓] Checking for cron [✓] Checking for curl [✓] Checking for iputils-ping [✓] Checking for lsof [✓] Checking for psmisc [✓] Checking for sudo [✓] Checking for unzip [i] Checking for idn2 (will be installed) [i] Checking for sqlite3 (will be installed) [✓] Checking for libcap2-bin [i] Checking for dns-root-data (will be installed) [✓] Checking for libcap2 [i] Checking for lighttpd (will be installed) [i] Checking for php-common (will be installed) [i] Checking for php-cgi (will be installed) [i] Checking for php-sqlite3 (will be installed) [i] Checking for php-xml (will be installed) [i] Checking for php-intl (will be installed) [i] Checking for php-json (will be installed) [i] Processing apt-get install(s) for: idn2 sqlite3 dns-root-data lighttpd php-common php-cgi php-sqlite3 php-xml php-intl php-json, please wait... E: Unable to correct problems, you have held broken packages.

  • GitHub repo automatic-ripping-machine

    Automatic Ripping Machine (ARM) Scripts

    Project mention: Long time lurker, first time poster. I mostly just store my own videos and pictures, but have been wanting to back up my DVD’s. I just snagged this off Craigslist for free. Anyone know if this would work/what else I can do with it? | reddit.com/r/DataHoarder | 2021-11-22
  • GitHub repo spectrum-css

    The standard CSS implementation of the Spectrum design language.

    Project mention: How to create a video editor that works in your browser. | dev.to | 2021-11-26

    Spectrum CSS

  • GitHub repo whirl

    CSS loading animations with minimal effort!

    Project mention: CSS Deep | dev.to | 2021-02-26

    jh3y/whirl - pure css loading animations with minimal effort!

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo SciMLTutorials.jl

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

    Project mention: Composability in Julia: Implementing Deep Equilibrium Models via Neural Odes | news.ycombinator.com | 2021-10-21
  • GitHub repo LinkFree

    A free and open source alternative to LinkTree

    Project mention: Are there any quick and easy free Linktree alternative HTML templates out there? | reddit.com/r/selfhosted | 2021-04-13

    Yes, see LinkFree. I've personally used it on my own site as well.

  • GitHub repo www-rpcs3

    This is a responsive website designed to house and promote the progress of RPCS3, an open-source PlayStation 3 emulator and debugger written in C++. This repository is regularly updated.

    Project mention: __E m u l a t o r s | reddit.com/r/Piracy | 2021-11-29

    PCSX4, is just scam website using a fork of the RPCS3 website.

  • GitHub repo asciidoctor-browser-extension

    :white_circle: An extension for web browsers that converts AsciiDoc files to HTML using Asciidoctor.js.

    Project mention: Ask HN: What browser extensions are a must-have for HNers in 2021? | news.ycombinator.com | 2021-11-22

    All the usual suspects named previously: uBlock Origin, Bitwarden, ViolentMonkey, Vimium, etc. Plus:

    * Shift Click --As the name suggests. Shift+Click on any image on a webpage and it will open the image in a new tab. Great for quickly getting the full-size version of images on web pages and more useful than it sounds, as it saves opening the browsers dev tools pane and source code diving:


    * Country Flag & Whois --not exactly a necessity, but a fun extension anyway. Gives you a wee flag at the side of your address bar, showing you which country the server of the site you're visiting is hosted in. On a more practical note, you can click the flag to view the Whois info for that domain:


    * Asccidoctor.js Live Preview --A while back I started using AsciiDoc for all my text composing needs, after finding the limitations and ever-multiplying variants of MarkDown increasingly annoying. Unfortunately, while many text editors come with Markdown preview capabilities, I've yet to find one that can do AsciiDoc previews. So that's where this extension comes in. I open my AscciDoc files in my browser and this extension automatically generates a preview, which I can then 'print to PDF' to have a nicely formatted document created using AsciiDoc:


    * Stylebot --Inject custom CSS into any webpage. I use it on a couple of sites to fix annoying browser rendering quirks or remove irritating content [with display:none;].


    * FireNvim --a nice accompaniment to Vimium. This extension turns text entry windows in web forms into NeoVim edit bufffers, allowing you to edit text using an embedded NeoVim instance. I don't actually use this as much as I thought I might, as I nearly always forget I have it installed:


    These last two aren't browser extensions as such. But I can't imagine using my browser without these. So I think they deserve an honourable mention:

    * Pinboard bookmarklet --I use Pinboard to save all my bookmarks. So they're accessible across all my browsers and all my devices. I have the Pinboard bookmarklet on the browser address bar on my desktop machines [and use the 'Share' menu on Android] to quickly bookmark pages from wherever I'm browsing.

    * Telegram --One step down from permanent bookmarking via Pinboard, I use Telegram as my messenger app and avail of this facility all the time on Android to quickly stash links I want to take a look at later on a 'proper' computer --either to view on a larger screen, or because [as with this post] I want to compose a reply, without wrestling with a crappy touchscreen keyboard. Telegram has a 'Saved Messages' chat. So, on an Android device, I hit the 'Share' icon beside the URL on a page I want to save for later and then in the Share window that pops up, I send the URL to Telegram 'Saved Messages' where I can grab it later, when I'm on a real computer.

    For anyone using Yandex Mail; Yandex also have a Telegram Bot which provides a similar function but also emails you the link as well. I used to use this til I realised the emails where pretty superfluous and just started sending links to my Telegram 'Saved Messages' instead:


  • GitHub repo CSS-Art

    General Edition - A CSS art challenge, for all skill levels

  • GitHub repo COVID19

    A web app to display the live graphical state-wise reported corona cases in India so far. It also shows the latest news for COVID-19. Stay Home, Stay Safe! (by vinitshahdeo)

    Project mention: My journey from 0 to 1K followers on GitHub | dev.to | 2021-01-10

    Last year when pandemic hit us, I built a COVID-19 😷 Tracker 🇮🇳 which got featured in newspapers.

  • GitHub repo Hacktoberfest-animations

    Small animation selector for Hacktoberfest

    Project mention: Guia e recursos open source para participar do Hacktoberfest 2021 | dev.to | 2021-10-19


  • GitHub repo logosearch

    LogoSear.ch and IconSear.ch: search through zillions of SVG logos/icons directly linked to their source repos.

    Project mention: Show HN: Iconduck – 100k open source icons, downloadable and searchable | news.ycombinator.com | 2021-01-22

    Shameless plug for IconSearch [1], my similar site focused on SVG icons on Github/Gitlab. You can see my list of icon sources [2], and website source is available [3].

    [1] https://iconsear.ch/

    [2] https://iconsear.ch/sources/index.html

    [3] https://github.com/VectorLogoZone/logosearch

  • GitHub repo monterail-fulldark

    Monterail Full Dark, a Thunderbird theme inspired by the mockup of Monterail

    Project mention: Thunderbird VS. KMail VS. Kube (VS XXX)? | reddit.com/r/linux | 2021-03-21

    Thank you for this! Looks beautiful :) However I found that the linked theme has not been maintained for the last 4 years, so doesn't work for versions >= 68. There is another maintainer though that has taken over development here

  • GitHub repo eduhub-website

    Hey it's a community website so if you want to contrinute in this project then go through the README.md section and also click the link. Raise Genuine PRs only. Your PRs will be accepted, keep patience. Star This Repo. You aren't allowed to Update README.md. Welcoming developers, content writers, and programming enthusiasts.

    Project mention: Great Opportunity for everyone to explore open source-Hacktoberfest 2021 | dev.to | 2021-10-05
  • GitHub repo Web-Development-Resources

    One and only place on the internet for all Web Development Resources. (by Fueler-io)

    Project mention: My Hacktoberfest 2021 Journey | dev.to | 2021-11-01

    Add new resources around web development #1

  • GitHub repo E-Learning-freesite

    This site is mainly design for those student who don't know how to start their journey in the field of programming

    Project mention: Great Opportunity for everyone to explore open source-Hacktoberfest 2021 | dev.to | 2021-10-05
  • GitHub repo openSUSEway

    dotfiles for Sway on openSUSE

    Project mention: Is there a good Sway preconf or starter pack? | reddit.com/r/swaywm | 2021-10-07

    I use openSUSE, and we have https://github.com/openSUSE/openSUSEway, but I would expect every larger Linux distribution to have something similar.

  • GitHub repo EazyLoader

    EazyLoader is Flask based web-application built to make downloading easy for you. Download videos and pictures from YouTube and Instagram in the best available quality. You can also download slides from SlideShare in PDF format In addition to that, you can calculate the duration of YouTube Playlist at different speeds.

    Project mention: EazyLoader | Downloading Made Easy | reddit.com/r/Python | 2021-11-04

    Github Repository: https://github.com/ashutoshkrris/EazyLoader

  • GitHub repo Personal-Portfolio

    Personal Portfolio Website (by Rishit30G)

    Project mention: First 2 Weeks Experience | Hacktoberfest 2021 | dev.to | 2021-10-14

    areeburrub posted on Oct 10, 2021

  • GitHub repo ZeroOctave-Javascript-Projects

    This Repository Contains Some web development Projects.

    Project mention: How NOT to contribute to Open Source on GitHub: Tips For Beginners | dev.to | 2021-10-28

    Don't make pull requests or raise issues without reading contributing guidelines of any projects. Always read the README.md file of projects where everything related to the project is written most of the time. Also, clone the project in your machine and go through every file once to understand its working.

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). The latest post mention was on 2021-12-03.

CSS HacktoberFest related posts


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

Project Stars
1 the-swift-programming-language-in-chinese 20,372
2 macOS_Big_Sur_icons_replacements 3,584
3 SimpleLogin 1,711
4 AdminLTE 1,359
5 automatic-ripping-machine 1,018
6 spectrum-css 883
7 whirl 851
8 SciMLTutorials.jl 555
9 LinkFree 357
10 www-rpcs3 188
11 asciidoctor-browser-extension 165
12 CSS-Art 165
13 COVID19 118
14 Hacktoberfest-animations 110
15 logosearch 74
16 monterail-fulldark 61
17 eduhub-website 46
18 Web-Development-Resources 44
19 E-Learning-freesite 31
20 openSUSEway 28
21 EazyLoader 25
22 Personal-Portfolio 25
23 ZeroOctave-Javascript-Projects 24
Find remote jobs at our new job board 99remotejobs.com. There are 32 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives