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 →
Top 23 JavaScript Design Projects
-
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.
-
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.
-
-
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 —
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.
-
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
-
⭐️ Get Screenity
-
-
material-design-for-bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
-
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.
-
-
-
-
-
Bubble-Card
Bubble Card is a minimalist card collection for Home Assistant with a nice pop-up touch.
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.
-
Silex
Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together. (by silexlabs)
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.
-
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
-
-
-
concise.css
A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.
-
-
-
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
-
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
JavaScript Design discussion
JavaScript Design related posts
-
22 Unique Developer Resources You Should Explore
-
Relax while watching bouncing particles making connections when they get closer
-
Best JavaScript Frameworks 2025, Next.js vs Laravel, new developer tools and more
-
Discovery: Screenity - A powerful open-source screen capture tool
-
Top 5 Best CSS Frameworks for Responsive Web Design in 2024
-
Powerful, Open-Source, Programmatic CAD
-
Ask HN: What was your win this week while working on your project?
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 15 Feb 2025
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 |