CSS UI

Open-source CSS projects categorized as UI

Top 15 CSS UI Projects

  • GitHub repo primeng

    The Most Complete Angular UI Component Library

    Project mention: Ultimate 2021 List of CSS Frameworks and Component Libraries for Angular, React, Vue and Svelte | dev.to | 2021-03-28

    Price-Ng

  • GitHub repo nord

    An arctic, north-bluish color palette.

    Project mention: Anonymous Nord - osu skin | reddit.com/r/OsuSkins | 2021-06-17

    Nord theme

  • GitHub repo webgradients

    A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats.

    Project mention: 10 Awesome Color Gradient Resources For Your Next Project | dev.to | 2021-04-25

    WebGradients

  • GitHub repo django-admin-interface

    django's default admin interface made customizable. popup windows replaced by modals. :mage: :zap:

    Project mention: Django admin looks dated and is not mobile friendly, any better options ? | reddit.com/r/django | 2021-03-10

    I've been using django admin interface and it's great. Really well written. https://github.com/fabiocaccamo/django-admin-interface

  • GitHub repo buttons

    A collection of CSS buttons.

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

    loup-brun/buttons - A collection of CSS buttons.

  • GitHub repo toolkit

    Sky's CSS Toolkit (by sky-uk)

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

    sky-uk/toolkit - Sky's CSS Toolkit

  • GitHub repo beauter

    A simple framework for faster and beautiful responsive sites

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

    outboxcraft/beauter - A simple framework for faster and beautiful responsive sites

  • GitHub repo sunset.css

    This library offers a collection of different CSS-powered transitions.

    Project mention: Sunset.css | reddit.com/r/coolgithubprojects | 2021-03-07
  • GitHub repo Discord_Theme

    🎨 A discord theme that changes your CSS style

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

    AlexFlipnote/Discord_Theme - A discord theme that changes your CSS style

  • GitHub repo clipper-lite

    6mb clone of the original 165mb Clipper! Made with Sciter instead of Electron.

    Project mention: Show HN: Temps-lite – 5mb clone of 43mb Electron weather app | news.ycombinator.com | 2021-02-05

    Compare the 32-bit Windows releases of Temps (42.6mb), made with Electron:

    https://github.com/jackd248/temps/releases/tag/v0.7.0

    ... to the Temps -"lite" remake (4.49mb) using the Sciter engine:

    https://github.com/GirkovArpa/temps-lite/releases/tag/v1.1.3

    Temps-lite (and of course it's predecessor, Temps) is a desktop weather application for Windows, Mac, and Linux. Provided a free openweathermap.org API key, it displays live weather information for any location in a very attractive, sleek interface. It also shows the forecast for the next 4 days.

    To duplicate the very cool rain, snow, and thunder effects, I basically just copied and pasted the original source code. For everything else I redid it in my own way, which probably did not result in very professional-looking code but hey! It works =) Minus some tiny bugs, which I've had help with from someone who's more familiar with Sciter programming.

    The original Temps was built/packaged using Electron Builder and Electron Packager (I'm not sure of the difference, to be honest).

    The equivalent for Sciter is Quark (quark.sciter.com), and that is what I used to package the HTML, CSS & TIScript files into a single convenient executable which is not only 10x smaller than the Electron version but also starts up way faster (virtually instantly), and has a relatively extremely light memory footprint.

    All this without the slightest observable decrease in performance or speed.

    One new thing I learned about Sciter while making this project is that it natively supports persisting its equivalent of local storage to a database file, similar to MongoDB.

    If you think this is interesting then feel free to check out Clipper-lite, which is the same idea. An Electron app remade using Sciter:

    https://github.com/GirkovArpa/clipper-lite

  • GitHub repo blirWe--css

    A library based entirely on styling CSS cards.

    Project mention: Feedback Friday | reddit.com/r/web_design | 2021-03-15

    URL: https://github.com/reel-pre/blirWe--css

  • GitHub repo glass-morphism

    Blog post sample of "Glass-Morphism"

    Project mention: How To Create A "Glassmorphic" Template In Pure HTML & CSS. | dev.to | 2020-12-20

    You can follow me on Twitter, or send me a sample of what you've created. You can also fork/clone the repo on GitHub. I have two branches created. The Master/Main branch is what we practised in this tutorial. The Second branch is what we have as the cover image of the article.

  • GitHub repo verpatch-gui

    User interface for the command line program verpatch, for alterting executable metadata.

    Project mention: GUI for Verpatch (a sort of resource hacker) | reddit.com/r/Sciter | 2021-01-29
  • GitHub repo news-ycombinator-client

    A minimalist Hacker News desktop client. Made with Sciter.

    Project mention: A minimalist Hacker News desktop client | reddit.com/r/Sciter | 2021-01-29
  • GitHub repo task-admin-sciter

    Un clono de la application original de Electron. Hecho con Sciter.

    Project mention: Simple Electron Task Scheduler, remade with Sciter | reddit.com/r/Sciter | 2021-01-29
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-06-17.

Index

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

Project Stars
1 primeng 6,787
2 nord 4,474
3 webgradients 2,150
4 django-admin-interface 833
5 buttons 177
6 toolkit 127
7 beauter 119
8 sunset.css 102
9 Discord_Theme 70
10 clipper-lite 19
11 blirWe--css 4
12 glass-morphism 2
13 verpatch-gui 1
14 news-ycombinator-client 1
15 task-admin-sciter 1