Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 23 JavaScript Component Projects
-
If you're already familiar with Express and Node, then I suggest looking into NextJS or Remix. The benefit of having a full-stack app is the integration that you get with the type safety with TypeScript support as well as other useful tools like Prisma for your DB which provides a seamless API for the rest of your app. You can also get server-side rendering and other SSR features from React 18 which are all the rage these days
-
Everytime I try to understand how something in react works I actually look into how it's implemented in preact. Hooks is around 500 LOC. https://github.com/preactjs/preact/blob/master/hooks/src/ind...
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
The game is built on an old version of F7 - https://framework7.io/
-
bootstrap-vue
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
You say that Afaik is the creator? I didn't see him listed as a major contributor on github: https://github.com/bootstrap-vue/bootstrap-vue/graphs/contributors . Do you happen to have his Github profile link?
-
3. Semantic UI React
-
After the app creation process completes, navigate into the app directory and install Bootstrap, cookie support for React, React Router, and Reactstrap.
-
If you are a fan of Styled System, you are sure to love this library, as it was built on top of Styled System. I consider Rebass to be the most unopinionated library on the list, as unlike Material Ui, Semantic UI, and Bootstrap, its components do not come with a default theme, giving you the freedom to add your preferred theme to your application. Its styles are also much easier to override. Rebass is minimalist and was designed with style extension in mind.
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
-
JSS
-
-
I've been using Tailwind CSS, in particular Flowbite, for a number of different Python projects that I was working on and through that process, I realized that I end up either repeating or copying functions that generate UI components.
-
If you’re a developer, most likely you have encountered libraries, frameworks, or programming languages that are open source. In case you use packages from NPM in your projects, you can find on the package page the link to the project's source code. Take the example of the react-kawai package which points to the miukimiu/react-kawaii GitHub repository. Same works for Python packages from PyPI. Take as an example fastapi package that points to tiangolo/fastapi GitHub repository.
-
[Fela](https://fela.js.org/) and [Griffel](https://github.com/microsoft/griffel) are also not bad choice.
-
-
-
-
There are numerous micro-frontend frameworks like Single SPA, Open Components, Mosaic, and so on The configuration for these tools can get complex and difficult to manage as we add more apps since they require configuration at each layer — routing, dependency management, and development. This would complicate our tooling and hence, would not work for us.
-
diffhtml
diffHTML is a web framework that helps you build applications and other interactive content
-
Project mention: Any good file upload library? I cannot find one! | reddit.com/r/reactjs | 2022-06-01
Have you tried react-uploady? https://github.com/rpldy/react-uploady
-
Catberry
Catberry is an isomorphic framework for building universal front-end apps using components, Flux architecture and progressive rendering.
-
Project mention: Ca programator, ce ai vrea de la un designer? | reddit.com/r/programare | 2022-08-09
Ca sa fiu mai specific, chestii de genul: https://designrevision.com/downloads/shards-react/
-
-
-
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.
We are going to use a UI Kit called Chat UI Kit React for the chat UI. go ahead and run the following command in the terminal
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
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).
The latest post mention was on 2023-03-24.
JavaScript Components related posts
- PyVibe: Generate styled HTML pages from Python
- Basic script block for a 'Requires JS' example
- I built a collection of image gallery and slider components with Tailwind CSS
- Flowbit and Hotwire not cooperating
- Low-code development (Node-RED alternative)
- Show HN: Total.js – Low-code development (Node-RED alternative)
- Show HN: Total.js – Low-code development (Node-RED alternative)
-
A note from our sponsor - Sonar
www.sonarsource.com | 24 Mar 2023
Index
What are some of the best open-source Component projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Next.js | 102,852 |
| 2 | Preact | 34,129 |
| 3 | framework7 | 17,133 |
| 4 | bootstrap-vue | 14,245 |
| 5 | semantic-ui-react | 13,020 |
| 6 | reactstrap | 10,475 |
| 7 | rebass | 7,880 |
| 8 | JSS | 6,916 |
| 9 | Keen-UI | 4,092 |
| 10 | flowbite | 4,085 |
| 11 | react-kawaii | 2,833 |
| 12 | Fela | 2,236 |
| 13 | vue-design-system | 2,123 |
| 14 | react-rainbow | 1,755 |
| 15 | redocx | 1,384 |
| 16 | oc | 1,321 |
| 17 | diffhtml | 837 |
| 18 | react-uploady | 813 |
| 19 | Catberry | 801 |
| 20 | shards-react | 746 |
| 21 | react-fontawesome | 670 |
| 22 | lookbook | 532 |
| 23 | chat-ui-kit-react | 511 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com