JavaScript Components

Open-source JavaScript projects categorized as Components

Top 23 JavaScript Component Projects

  • Next.js

    The React Framework

  • Project mention: How I fixed this Next.js error: Refused to load the script because it violate Content Security Policy directive | dev.to | 2024-05-16
  • Preact

    ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

  • Project mention: Preact vs React: A Comparative Guide | dev.to | 2024-04-23

    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.

  • 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
  • framework7

    Full featured HTML framework for building iOS & Android apps

  • Project mention: What PWA Can Do Today | news.ycombinator.com | 2023-08-08

    Some frameworks and themes to use in combination :

    - https://konstaui.com/

    - https://framework7.io/

  • tabler-icons

    A set of over 5200 free MIT-licensed high-quality SVG icons for you to use in your web projects.

  • Project mention: 10+ Best Open Source Icon Libraries in 2024 | dev.to | 2024-05-17
  • bootstrap-vue

    BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

  • Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-29

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

  • semantic-ui-react

    The official Semantic-UI-React integration

  • Project mention: React Component Libraries | dev.to | 2024-03-13

    Official Website: https://react.semantic-ui.com/

  • reactstrap

    Simple React Bootstrap 5 components

  • 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
  • rebass

    :atom_symbol: React primitive UI components built with styled-system.

  • JSS

    JSS is an authoring tool for CSS which uses JavaScript as a host language.

  • Project mention: The Ultimate Guide to Styling with CSS-in-JS Using Styled Components | dev.to | 2024-05-13

    While Styled Components is a popular choice for styling React applications, there are several alternatives worth exploring. Emotion, JSS, and CSS Modules are all viable options, each with its unique features and use cases.

  • 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!

  • flowbite

    Open-source UI component library and front-end development framework based on Tailwind CSS

  • Project mention: 10+ UI Libraries for Svelte to Try in 2024 | dev.to | 2024-05-14

    Flowbite Svelte is an open-source UI library built with Svelte components and Tailwind CSS. It provides over 58 UI components and interactive elements built with Svelte and Flowbite. It comes with well-organized documentation, where you can see the code sample and preview the components for responsive sizes: desktop, tablet and smartphone. You can also switch light/dark modes and RTL/LTR text direction. The code looks quite straightforward and the components are styled very neat.

  • Keen-UI

    A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.

  • react-kawaii

    Cute SVG React Components

  • Fela

    State-Driven Styling in JavaScript

  • vue-design-system

    An open source tool for building UI Design Systems with Vue.js

  • react-rainbow

    🌈 React Rainbow Components. Build your web application in a snap.

  • oc

    OpenComponents, serverless in the front-end world for painless micro-frontends delivery

  • Project mention: Micro frontend frameworks in 2024 | dev.to | 2024-03-13

    OpenComponents Framework - Strong focus on componentization and making components reusable across different microapps. Ref- https://opencomponents.github.io/

  • redocx

    📄 Create word documents with 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.

  • Project mention: Front-end chatbot for my langchain bot | /r/LangChain | 2023-06-16

    Are you familiar with JS/React? You can try this: https://github.com/chatscope/chat-ui-kit-react

  • react-uploady

    Modern file uploading - components & hooks for React

  • diffhtml

    diffHTML is a web framework that helps you build applications and other interactive content

  • Project mention: HTML Streaming and DOM Diffing Algorithm | dev.to | 2024-02-21

    diffhtml

  • lookbook

    A UI development environment for Ruby on Rails apps ✨

  • Catberry

    Catberry is an isomorphic framework for building universal front-end apps using components, Flux architecture and progressive rendering.

  • 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 Components related posts

  • A brief history of web development. And why your framework doesn't matter

    4 projects | news.ycombinator.com | 29 Apr 2024
  • System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days

    2 projects | dev.to | 26 Apr 2024
  • Tailwind CSS product overview components built for E-commerce websites

    1 project | dev.to | 16 Apr 2024
  • How to Integrate Astro With ApostropheCMS pt. 1

    3 projects | dev.to | 21 Mar 2024
  • Epic Next.js 14 Tutorial: Learn Next.js by building a real-life project: Part 1

    2 projects | dev.to | 13 Mar 2024
  • Unlocking the frontend – a call for standardizing component APIs pt.2

    8 projects | dev.to | 5 Mar 2024
  • What is Server Side Rendering (SSR) and Static Site Generation (SSG)?

    4 projects | dev.to | 25 Feb 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 17 May 2024
    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. Learn more →

Index

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

Project Stars
1 Next.js 121,256
2 Preact 36,118
3 framework7 17,887
4 tabler-icons 17,337
5 bootstrap-vue 14,462
6 semantic-ui-react 13,187
7 reactstrap 10,571
8 rebass 7,931
9 JSS 7,056
10 Metro-UI-CSS 6,992
11 flowbite 7,029
12 Keen-UI 4,103
13 react-kawaii 2,876
14 Fela 2,262
15 vue-design-system 2,168
16 react-rainbow 1,787
17 oc 1,406
18 redocx 1,399
19 chat-ui-kit-react 1,104
20 react-uploady 1,042
21 diffhtml 866
22 lookbook 821
23 Catberry 798

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com