JavaScript Design

Open-source JavaScript projects categorized as Design

Top 23 JavaScript Design Projects

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: All About Hacktober Fest 2022 You Need To Know | | 2022-10-22

    This repository consists of files required to deploy a Web App or PWA created with Materialize Css

  • Awesome-Design-Tools

    The best design tools and plugins for everything 👉

    Project mention: Awesome Design Tools repository: The best design & development tools and plugins for everything (Illustrations, Co code tools, Mockup tools, UI design tools, Design inspiration, Animation tools, etc.) | | 2022-07-11
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • p5.js

    p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. —

    Project mention: [Media] Genetic algorithm simulation - Smart rockets (code link in comments) | | 2023-01-29

    You're welcome, frameworks like nannou are called **Creative coding frameworks**, processing I think is the most popular one out there, also P5js.

  • simple-icons

    SVG icons for popular brands

    Project mention: 📢 Fairphone on | | 2023-02-01

    Fairphone Icon on

  • material-design-for-bootstrap

    Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

  • spark-joy

    ✨😂 2000+ ways to add design flair, user delight, and whimsy to your product.

    Project mention: Charts.css: CSS data visualization framework | | 2022-10-30
  • screenity

    The most powerful screen recorder & annotation tool for Chrome 🎥

    Project mention: What Open Source Projects Do You Use In Your District? | | 2022-11-16

    Screenity -- Alternative to Screencastify.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • web-skills

    A visual overview of useful skills to learn as a web developer

  • WebSlides

    Create HTML presentations in seconds —

  • ant-design-landing

    :mountain_bicyclist: Landing Pages of Ant Design System

  • Blotter

    A JavaScript API for drawing unconventional text effects on the web.

  • react-kawaii

    Cute SVG React Components

    Project mention: How to find open source projects to contribute | | 2022-06-10

    If you’re a developer, most likely you have encountered libraries, frameworks, or programming languages that are open source. In case you use packages from NPM in your projects, you can find on the package page the link to the project's source code. Take the example of the react-kawai package which points to the miukimiu/react-kawaii GitHub repository. Same works for Python packages from PyPI. Take as an example fastapi package that points to tiangolo/fastapi GitHub repository.

  • atomize

    Design System for developers build on styled-components & React JS.

    Project mention: Top 20 Best React Website Templates for React Developers [Free and Premium] | | 2022-08-23

    Atomize React

  • concise.css

    A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.

  • webDevsCom

    :heart_eyes: All kinds of resources for Developers :trident: in one place.

  • a17t

    An atomic design toolkit for pragmatists

  • elementz

    :space_invader: A React UI Component library for building modern applications easily & quickly

  • md-date-time-picker

    An implementation of Material Design Picker components in vanilla CSS, JS, and HTML

  • Appfairy

    A CLI tool to Migrate a Webflow project into a React app

    Project mention: React on Webflow for Developers Source Code | | 2022-05-01
  • quasar-sika-design

    quasar-sika-design让世界没有难写的代码,Quasar Sika Design 是一个企业级中后台前端 / 设计解决方案,中后台管理模板,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板 / 业务组件 / 配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。

  • calcite-maps

    A Bootstrap theme for designing, styling and creating modern map apps.

  • shader-web-background

    Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.

  • pg-calendar

    :calendar: beautiful and eidetic date picker

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

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 2023-02-01.

JavaScript Design related posts


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

Project Stars
1 Materialize 38,774
2 Awesome-Design-Tools 27,502
3 p5.js 18,786
4 simple-icons 14,897
5 material-design-for-bootstrap 9,430
6 spark-joy 8,000
7 screenity 7,940
8 web-skills 6,367
9 WebSlides 6,016
10 ant-design-landing 5,225
11 Blotter 2,934
12 react-kawaii 2,826
13 atomize 1,554
14 concise.css 941
15 webDevsCom 637
16 a17t 416
17 elementz 346
18 md-date-time-picker 276
19 Appfairy 264
20 quasar-sika-design 243
21 calcite-maps 236
22 shader-web-background 135
23 pg-calendar 127
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.