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: Front-end Framework: Comparing Bootstrap, Foundation and Materialize | dev.to | 2024-04-16

    Materialize was created by a team of developers at Google, inspired by the principles of Material Design. Material Design is a design language developed by Google that emphasizes tactile surfaces, realistic lighting, and bold, graphic interfaces. Materialize aims to bring these principles to web development by providing a framework with ready-to-use components and styles based on Material Design.

  • Awesome-Design-Tools

    The best design tools and plugins for everything 👉

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • 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. http://twitter.com/p5xjs —

  • Project mention: Battlesnake Challenge #2 - JavaScript | dev.to | 2024-05-19

    JavaScript is everywhere. Not only is JavaScript on every layer of the tech stack (frontend/middleware/backend), but you can also find JavaScript in every software domain. No matter if you want to do command-line tools, creative coding, or machine learning, you can do it in JavaScript. Because JavaScript is so ubiquitous, as a developer it’s the best career choice you can make.

  • simple-icons

    SVG icons for popular brands

  • Project mention: oImprove your README.md profile with these amazing badges 🚀 | dev.to | 2024-02-06

    It's only possible because of Shields Project, Simple Icons & beloved all Contributors. We do respect & love our all contributors.

  • screenity

    The free and privacy-friendly screen recorder with no limits 🎥

  • Project mention: Free and privacy-friendly screen recorder with no limits | news.ycombinator.com | 2024-01-10
  • 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: Matcha.css – Drop-in semantic styling library in pure CSS | news.ycombinator.com | 2024-05-23
  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • 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

  • chatgpt.js

    🤖 A powerful client-side JavaScript library for ChatGPT

  • Project mention: js-utils VS chatgpt.js - a user suggested alternative | libhunt.com/r/adamlui/js-utils | 2024-03-29

    Both contain code published to npm, so both can be installed via npm, or imported remotely using jsDelivr to access useful JavaScript methods

  • atomize

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

  • vscode-icons

    Custom Visual Studio Code Icons (by dhanishgajjar)

  • 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.

  • front-end-resources

    a repo for awesome front-end resources

  • a17t

    An atomic design toolkit for pragmatists

  • elementz

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

  • Appfairy

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

  • md-date-time-picker

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

  • Project mention: Button under datepicker firing event | /r/jquery | 2023-06-07
  • quasar-sika-design

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

  • 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).

JavaScript Design related posts

  • Processing Foundation 2024 Software Development Grant (pr05): 'New Beginnings' Open Call

    3 projects | dev.to | 16 May 2024
  • Front-end Framework: Comparing Bootstrap, Foundation and Materialize

    2 projects | dev.to | 16 Apr 2024
  • CSS Maker

    1 project | dev.to | 26 Feb 2024
  • Free and privacy-friendly screen recorder with no limits

    1 project | news.ycombinator.com | 10 Jan 2024
  • Chatgpt.js – A powerful JavaScript library for ChatGPT

    1 project | news.ycombinator.com | 9 Dec 2023
  • Elementor Slow with Safari

    1 project | /r/elementor | 8 Dec 2023
  • Elementor 3.18.1 vulnerabilities

    1 project | /r/elementor | 7 Dec 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 30 May 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

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

Project Stars
1 Materialize 38,844
2 Awesome-Design-Tools 32,086
3 p5.js 20,976
4 simple-icons 18,342
5 screenity 10,934
6 material-design-for-bootstrap 9,369
7 spark-joy 9,248
8 web-skills 6,860
9 WebSlides 6,158
10 ant-design-landing 5,991
11 Blotter 3,030
12 react-kawaii 2,876
13 chatgpt.js 1,795
14 atomize 1,725
15 vscode-icons 1,566
16 concise.css 941
17 webDevsCom 686
18 front-end-resources 543
19 a17t 490
20 elementz 351
21 Appfairy 282
22 md-date-time-picker 274
23 quasar-sika-design 257

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com