The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 JavaScript Component Projects
-
-
-
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.
-
-
tabler-icons
A set of over 5200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
-
bootstrap-vue
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
-
-
-
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.
-
-
-
Metro-UI-CSS
Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
-
-
-
-
chat-ui-kit-react
Build your own chat UI with React components in few minutes. Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.
-
-
diffhtml
diffHTML is a web framework that helps you build applications and other interactive content
-
-
Catberry
Catberry is an isomorphic framework for building universal front-end apps using components, Flux architecture and progressive rendering.
-
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.
Until the time of writing, there is no official example of how to enable runtime environmental variables in a Dockerized Next.js app, as utilizing unstable_noStore would only dynamically evaluate variables on the server (node.js runtime). There is also an interesting discussion regarding this topic on GitHub.
In this post, we get to know more about Preact, one of this year's trending libraries. And we'll compare it to React to see which one suits better for our projects.
Some frameworks and themes to use in combination :
- https://konstaui.com/
- https://framework7.io/
Use Tabler Icons for over 5200 pixel perfect icons designed for the web. This latest set expands the library further with 244 new icons. There's also more support backward compatibility, and more design options for webs, mobile, and desktop applications. All icons now also come in both outlined and filled versions to suit even more preferences and requirements. Check out all the icons on the website.
Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-294. Bootstrap Vue Bootstrap Vue combines the power of Bootstrap, a popular CSS framework, with Vue.js. It provides a wide range of components and styling options. Check out the Bootstrap Vue website to learn more.
Official Website: https://react.semantic-ui.com/
Most websites those days are SPA applications that render on the front-side. There is also this trend of CSS in JavaScript also knowns as JSS that is debatable (makes everything overcomplicated), but in some specific cases, can be justified and very useful.
TailwindCSS (with Flowbite)
OpenComponents Framework - Strong focus on componentization and making components reusable across different microapps. Ref- https://opencomponents.github.io/
Are you familiar with JS/React? You can try this: https://github.com/chatscope/chat-ui-kit-react
diffhtml
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 Components related posts
- Tailwind CSS product overview components built for E-commerce websites
- How to Integrate Astro With ApostropheCMS pt. 1
- Epic Next.js 14 Tutorial: Learn Next.js by building a real-life project: Part 1
- Unlocking the frontend – a call for standardizing component APIs pt.2
- What is Server Side Rendering (SSR) and Static Site Generation (SSG)?
- Flowbite: Pure CSS components for websites and apps built using Tailwind
- Which is a better ui framework for vue with tailwind daisyUI or flowbite
-
A note from our sponsor - WorkOS
workos.com | 26 Apr 2024
Index
What are some of the best open-source Component projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Next.js | 120,572 |
| 2 | Preact | 36,041 |
| 3 | framework7 | 17,862 |
| 4 | tabler-icons | 17,230 |
| 5 | bootstrap-vue | 14,459 |
| 6 | semantic-ui-react | 13,179 |
| 7 | reactstrap | 10,561 |
| 8 | rebass | 7,927 |
| 9 | JSS | 7,052 |
| 10 | Metro-UI-CSS | 6,997 |
| 11 | flowbite | 6,917 |
| 12 | Keen-UI | 4,103 |
| 13 | react-kawaii | 2,876 |
| 14 | Fela | 2,261 |
| 15 | vue-design-system | 2,168 |
| 16 | react-rainbow | 1,786 |
| 17 | redocx | 1,399 |
| 18 | oc | 1,395 |
| 19 | chat-ui-kit-react | 1,062 |
| 20 | react-uploady | 1,029 |
| 21 | diffhtml | 864 |
| 22 | lookbook | 811 |
| 23 | Catberry | 798 |
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