JavaScript Design

Open-source JavaScript projects categorized as Design

Top 23 JavaScript Design Projects

  1. Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Top 5 Best CSS Frameworks for Responsive Web Design in 2024 | dev.to | 2024-09-26

    Materialize is a modern CSS framework based on Google’s Material Design. It was created and designed by Google to provide a unified and consistent user interface across all its products. Materialize is focused on user experience as it integrates animations and components to provide feedback to users.

  2. Nutrient

    Nutrient - The #1 PDF SDK Library. Bad PDFs = bad UX. Slow load times, broken annotations, clunky UX frustrates users. Nutrient’s PDF SDKs gives seamless document experiences, fast rendering, annotations, real-time collaboration, 100+ features. Used by 10K+ devs, serving ~half a billion users worldwide. Explore the SDK for free.

    Nutrient logo
  3. Awesome-Design-Tools

    The best design tools and plugins for everything 👉

  4. 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: Rant: state of generative AI in code generation. | dev.to | 2025-02-05

    In my experience with AI code generation, in visual projects like UI development or JavaScript based animation (using three.js or p5.js) etc. AI tools work pretty well.

  5. simple-icons

    SVG icons for popular brands

    Project mention: My Hacktoberfest Journey: From First Pull Request to the Hall of Fame | dev.to | 2024-11-03

    ThesllaDev posted on Oct 19, 2024

  6. screenity

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

    Project mention: ⚡️ 15 Essential tools and resources for Frontend developers | dev.to | 2024-11-07

    ⭐️ Get Screenity

  7. spark-joy

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

    Project mention: How Do You Find a Good Manager? | news.ycombinator.com | 2024-07-25
  8. material-design-for-bootstrap

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

  9. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  10. web-skills

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

  11. ant-design-landing

    :mountain_bicyclist: Landing Pages of Ant Design System

  12. WebSlides

    Create HTML presentations in seconds —

  13. Blotter

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

  14. Bubble-Card

    Bubble Card is a minimalist card collection for Home Assistant with a nice pop-up touch.

    Project mention: Crafting My Perfect Home Assistant Dashboard | dev.to | 2024-07-12

    I meticulously handpicked a select few from the vast plugin library, prioritizing consistency and cohesiveness around the versatile Bubble Card, to craft this personalized experience.

  15. Silex

    Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together. (by silexlabs)

    Project mention: 22 Unique Developer Resources You Should Explore | dev.to | 2025-01-17

    URL: https://www.silex.me What it does: A code-free builder for creating static websites. Why it's great: Quickly create websites without diving into code.

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

  17. atomize

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

  18. vscode-icons

    Custom Visual Studio Code Icons (by dhanishgajjar)

  19. concise.css

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

  20. webDevsCom

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

  21. a17t

    An atomic design toolkit for pragmatists

  22. elementz

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

  23. Appfairy

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

  24. md-date-time-picker

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

  25. quasar-sika-design

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

  26. 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 discussion

Log in or Post with

JavaScript Design related posts

  • 22 Unique Developer Resources You Should Explore

    8 projects | dev.to | 17 Jan 2025
  • Relax while watching bouncing particles making connections when they get closer

    3 projects | news.ycombinator.com | 9 Jan 2025
  • Best JavaScript Frameworks 2025, Next.js vs Laravel, new developer tools and more

    1 project | dev.to | 5 Jan 2025
  • Discovery: Screenity - A powerful open-source screen capture tool

    1 project | dev.to | 4 Nov 2024
  • Top 5 Best CSS Frameworks for Responsive Web Design in 2024

    4 projects | dev.to | 26 Sep 2024
  • Powerful, Open-Source, Programmatic CAD

    2 projects | news.ycombinator.com | 15 Sep 2024
  • Ask HN: What was your win this week while working on your project?

    2 projects | news.ycombinator.com | 2 Sep 2024
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 15 Feb 2025
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. 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,866
2 Awesome-Design-Tools 34,897
3 p5.js 22,047
4 simple-icons 21,909
5 screenity 13,563
6 spark-joy 9,455
7 material-design-for-bootstrap 9,326
8 web-skills 7,112
9 ant-design-landing 6,291
10 WebSlides 6,213
11 Blotter 3,059
12 Bubble-Card 2,474
13 Silex 2,431
14 chatgpt.js 1,947
15 atomize 1,762
16 vscode-icons 1,656
17 concise.css 942
18 webDevsCom 712
19 a17t 493
20 elementz 350
21 Appfairy 287
22 md-date-time-picker 275
23 quasar-sika-design 255

Sponsored
Nutrient - The #1 PDF SDK Library
Bad PDFs = bad UX. Slow load times, broken annotations, clunky UX frustrates users. Nutrient’s PDF SDKs gives seamless document experiences, fast rendering, annotations, real-time collaboration, 100+ features. Used by 10K+ devs, serving ~half a billion users worldwide. Explore the SDK for free.
nutrient.io