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: P5.js: Online Canvas Programming | news.ycombinator.com | 2024-02-27
  • 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: Just paying Figma $15/month because nothing else fucking works | news.ycombinator.com | 2023-10-19

    what about Excalidraw / TLDraw? there are so many of these canvas drawing apps[1]. draw on them, take a screenshot. doesnt export to svg but do people really need that?

    [1]: https://github.com/swyxio/spark-joy/blob/master/README.md#ge...

  • 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

  • elementor

    The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

  • Project mention: Ask HN: Freelance website builders/maintainers, what's in your 2024 toolkit? | news.ycombinator.com | 2024-04-01
  • 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
  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS 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

Index

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

Project Stars
1 Materialize 38,853
2 Awesome-Design-Tools 31,784
3 p5.js 20,850
4 simple-icons 18,051
5 screenity 10,385
6 material-design-for-bootstrap 9,389
7 spark-joy 9,204
8 web-skills 6,823
9 elementor 6,386
10 WebSlides 6,158
11 ant-design-landing 5,950
12 Blotter 3,011
13 react-kawaii 2,876
14 chatgpt.js 1,774
15 atomize 1,715
16 vscode-icons 1,553
17 concise.css 941
18 webDevsCom 681
19 front-end-resources 538
20 a17t 489
21 elementz 351
22 Appfairy 282
23 md-date-time-picker 274

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com