Open-source projects categorized as ui-design | Edit details
Related topics: #UI #iOS #CSS #Android #UI Components

Top 23 ui-design Open-Source Projects

  • GitHub repo iview

    A high quality UI Toolkit built on Vue.js 2.0

    Project mention: New and Noteworthy Vue.js Open Source Projects. Part 1 | dev.to | 2021-01-21

    Website: https://iviewui.com/ GitHub: https://github.com/iview/iview GitHub Stars: 22.8k

  • GitHub repo Awesome-Design-Tools

    The best design tools and plugins for everything 👉

    Project mention: Good source for royalty free sound effects that I can use in my programs? | reddit.com/r/learnpython | 2021-03-24

    Check out https://github.com/goabstract/Awesome-Design-Tools#sound-design

  • GitHub repo ant-design-vue

    🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

    Project mention: An Overview of the Top 10 Vue UI Component Libraries in 2021 | dev.to | 2021-03-17

    It has over 13k stars on Github and on 39,693 weekly downloads on npm.

  • GitHub repo pencil

    The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.

    Project mention: Pencil Project – open-source GUI prototyping tool | reddit.com/r/patient_hackernews | 2021-05-07
  • GitHub repo nord

    An arctic, north-bluish color palette.

    Project mention: Just like in the Matrix | reddit.com/r/ProgrammerHumor | 2021-04-29

    just plugging my favorite terminal color theme, move along

  • GitHub repo OTTO

    Sampler, Sequencer, Multi-engine synth and effects - in a box! [WIP] (by bitfieldaudio)

    Project mention: OPi-1? | reddit.com/r/OP1users | 2021-02-25

    This thing is definitely not the OP-1 firmware. OP is either displaying a static image, or something they created that just resembles the OP-1 string synth. At first I thought it may have been graphics from the OTTO project, but I can't find anything to support that.

  • GitHub repo YBSlantedCollectionViewLayout

    A CollectionView Layout displaying a slanted cells

  • GitHub repo nord-vim

    An arctic, north-bluish clean and elegant Vim theme.

    Project mention: nord.nvim - Lua port Nord-vim theme, based off of the Nord Color Palette. | reddit.com/r/neovim | 2021-05-16

    Looks like it's not actually a thing yet. Nevermind then.

  • GitHub repo Music-Player-GO

    🎶🎼 Very slim music player 👨‍🎤 100% made in Italy 🍕🌳🌞🍝🌄

    Project mention: suckless android apps. | reddit.com/r/androidapps | 2021-04-25

    Music player- Music Player Go

  • GitHub repo shineout


  • GitHub repo daisyui

    ⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components

    Project mention: Looking for an HTML Skeleton to use with Tailwind CSS | reddit.com/r/tailwindcss | 2021-04-30

    https://daisy.js.org/ does this. But doesn't come with JS at the moment so no modals, tabs etc.

  • GitHub repo awesome-flutter-ui

    10+ flutter(android, ios) UI design examples :zap: - login, books, profile, food order, movie streaming, walkthrough, widgets

    Project mention: List of awesome UI designs built in flutter | reddit.com/r/WebdevTutorials | 2021-03-28
  • GitHub repo uiengine

    Workbench for UI-driven development

    Project mention: UIengine project setup | dev.to | 2021-01-16

    UIengine is an awesome tool I used few times to document design systems with living pattern libraries. Here it is my basic UIengine setup.

  • GitHub repo PermissionsSwiftUI

    A SwiftUI package to beautifully display and handle permissions.

    Project mention: Permissions in SwiftUI | reddit.com/r/AwesomeSwiftUI | 2021-02-09
  • GitHub repo WhatsAppUI

    WhatsApp UI in Xamarin.Forms

    Project mention: Xamarin chat app - any NuGet packages for Xamarin like GiftedChat for React Native? | reddit.com/r/xamarindevelopers | 2021-04-20

    Or some samples: - Damien Doumer FreeChat - egbakou WhatsAppUI

  • GitHub repo 7.css

    A tiny CSS framework for building faithful recreations of the Windows 7 UI.

    Project mention: CSS for Windows 7 lovers | reddit.com/r/github | 2021-03-13
  • GitHub repo light_dark_toggle

    An awesome flutter app which artistically animates light and dark mode 😍

    Project mention: Calmly App | reddit.com/r/FlutterDev | 2021-04-06
  • GitHub repo protonmail-theme

    Protonmail Theme

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

    jeremiecook/protonmail-theme - Protonmail Theme

  • GitHub repo ChocoBar

    The usual Snackbar with more 🍫 and colours :tada:

  • GitHub repo web-toolkit

    A web UI framework based on GTK's Adwaita theme

    Project mention: web-toolkit: new react UI framework, inspired by the GTK theme | reddit.com/r/reactjs | 2021-02-22
  • GitHub repo animated_onboarding

    A beautiful animated onboarding app.

    Project mention: Animated Onboarding | reddit.com/r/FlutterDev | 2021-02-13
  • GitHub repo Wiggles-iOS

    Beautiful Puppy adoption app built to Demonstrate the SwiftUI and MVVM Architecture

    Project mention: Why should android dev's have all the fun? Checkout Wiggles-iOS, puppy adoption app built using SwiftUI and MVVM Architecture. Link in comments | reddit.com/r/swift | 2021-03-03

    Project Link - https://github.com/sameersyd/Wiggles-iOS

  • GitHub repo ui-editor

    Tool to build interface

    Project mention: Making Your Own Tools | news.ycombinator.com | 2021-05-15

    I have been coding things that interest me as part of https://github.com/imvetri/ui-editor. This idea had been in my head when I was introduced to visual foxpro and I told the person it can be made more efficient if it can build components that can build components.

    In my second company I came to know about eval - I called it a browser runtime that can execute source code. I don't have to learn anything about AST. Also I learnt about graph structure and I used it for the component tree in my tool.

    In my third company I saw a technique where component configuration is saved as a JSON - I learnt that code can be a configuration and configuration is just a JSON, I dont' have to learn anything fancy about Object oriented concepts to build application.

    In my fourth company I saw a neat codebase where view, css, reducers, state, events are all split into separate files and used that idea and made them as inputs.

    Overall, its a hobby tool I have been building and whenever I learn interesting, simple and efficient techniques from the projects I work on, I use it in the tool.

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-05-16.


What are some of the best open-source ui-design projects? This list will help you:

Project Stars
1 iview 23,782
2 Awesome-Design-Tools 22,880
3 ant-design-vue 14,329
4 pencil 8,033
5 nord 4,418
6 OTTO 2,297
7 YBSlantedCollectionViewLayout 1,925
8 nord-vim 1,702
9 Music-Player-GO 688
10 shineout 622
11 daisyui 533
12 awesome-flutter-ui 473
13 uiengine 351
14 PermissionsSwiftUI 275
15 WhatsAppUI 258
16 7.css 199
17 light_dark_toggle 185
18 protonmail-theme 134
19 ChocoBar 109
20 web-toolkit 88
21 animated_onboarding 84
22 Wiggles-iOS 51
23 ui-editor 49