TypeScript react-components

Open-source TypeScript projects categorized as react-components

Top 23 TypeScript react-component Projects

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    Project mention: Learning HTML, CSS and Javascript | reddit.com/r/learnprogramming | 2023-02-01

    In addition to front-end frameworks like React, there are CSS frameworks and component libraries that you can use to make it easier to build good-looking UIs. Bootstrap used to be very popular, but these days I'm seeing a lot of startups using newer solutions like Tailwind and Chakra. You'll find a bunch of these if you search for "CSS frameworks" or "Component Libraries" online.

  • react-bootstrap

    Bootstrap components built with React

    Project mention: Best React UI frameworks to boost Productivity 🚀 🌟 | dev.to | 2023-01-30

    5. React Bootstrap

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

  • office-ui-fabric-react

    Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

    Project mention: Fluent Insights EP4: Slots | dev.to | 2022-11-29
  • antd-mobile

    Essential UI blocks for building mobile web apps.

    Project mention: Ant-Design-Mobile - Essential UI blocks for building mobile web apps. | reddit.com/r/github_trends | 2022-06-10
  • base web

    A React Component library implementing the Base design language

    Project mention: Best UI libraries for React? | reddit.com/r/reactjs | 2022-11-22

    Base web https://baseweb.design/ or Material UI https://mui.com/

  • react-spectrum

    A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

    Project mention: Are there any open-source software projects taking accessibility into account? | reddit.com/r/accessibility | 2022-07-05
  • rsuite

    🧱 A suite of React components .

    Project mention: AntD vs MaterialUI? what do you prefer and why? | reddit.com/r/reactjs | 2022-08-22

    - React Suite looks very nice and clean and the documentation it's pretty straight forward. Has a ton of components built in. The support is ok and the main developer it's pretty responsive on github or on library chat. The main disadvantage is that the library focuses on desktop browsers and not on mobile browsers and uses less for customization.

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • nteract

    📘 The interactive computing suite for you! ✨

    Project mention: Node.js Notebooks | news.ycombinator.com | 2022-02-20
  • react-leaflet

    React components for Leaflet maps

    Project mention: Free Google Maps in React | dev.to | 2023-01-20
  • zeit-ui-react

    A design system for building modern websites and applications.

    Project mention: Vercel Design System | reddit.com/r/nextjs | 2022-10-25
  • jsLingui

    🌍📖 A readable, automated, and optimized (5 kb) internationalization for JavaScript

    Project mention: Advanced enterprise localisation process with Lingui, Locize, Github Actions, Docker, React | dev.to | 2022-12-21

    We choose lingui.

  • reactour

    Tourist Guide into your React Components

  • DevExtreme React Grid

    Business React components for Bootstrap and Material-UI

  • react-cropper

    Cropperjs as React component

    Project mention: this.setState is not a function ( trying Upload Image) ReactJs | reddit.com/r/codehunter | 2022-05-09

    Reactjs Try create upload function with cropper component. But when I try set state it says that Uncaught TypeError: this.setState is not a function at FileReader.reader.onload Component import React, { Component, PropTypes } from 'react'import { Link, browserHistory } from 'react-router'import { connect } from 'react-redux'import Cropper from 'react-cropper';class HeadPortrait extends Component { constructor(props) { super(props) this.state = { image: '', } } clickadd(e) { document.getElementById('uploadfiles').click(); } loadFile(e) { e.preventDefault(); var reader = new FileReader(); reader.onload = function () { this.setState({ image: reader.result }) }; reader.readAsDataURL(e.target.files[0]); ; }; _crop() { // image in dataUrl console.log(this.refs.cropper.getCroppedCanvas().toDataURL()); } render() { return ( Add Image Save ) }}function mapStateToProps(state) { return { // stories: state.stories }}export default connect(mapStateToProps)(HeadPortrait) Trying do like in example https://github.com/roadmanfong/react-cropper/blob/master/example/src/Demo.jsx Answer link : https://codehunter.cc/a/reactjs/this-setstate-is-not-a-function-trying-upload-image-reactjs

  • react-data-table

    A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.

    Project mention: How to select multiple rows and sub rows in React? | reddit.com/r/reactjs | 2022-05-29

    I have the following data that I provide to the table(react-data-table-component):

  • vazco/uniforms

    A React library for building forms from any schema.

    Project mention: React Form library for dynamic forms | reddit.com/r/reactjs | 2022-12-01

    If you would generate some schema for it (e.g., JSON schema), you could use uniforms. Or you could create a custom schema adapter (called bridge) and also use it. I’m an author and if you’d like to know more, feel free to ask here or directly.

  • mdbootstrap

    React 17 & Bootstrap 5 & Material Design 2.0 UI KIT

  • vscode-react-javascript-snippets

    Extension for React/Javascript snippets with search supporting ES7+ and babel features

    Project mention: What are good ways to speed up the small little things when developing? Like typing this `${}` or the function definition of a react component? How can I use shortcuts in VS code, or are there any other tools? Pls also tell if you solved other small problems for yourself. | reddit.com/r/reactjs | 2022-09-28

    I think the VScode extension ES7+ React/Redux/React-Native snippets by dsznajder does quite a lot of heavy lifting and makes life eazier. See the list of snippets https://github.com/chillios-ts/vscode-react-javascript-snippets/blob/HEAD/docs/Snippets.md

  • react-insta-stories

    A React component for Instagram like stories

  • react-inlinesvg

    An SVG loader component for ReactJS

  • Graphin

    A React toolkit for graph visualization based on G6

  • react-awesome-reveal

    React components to add reveal animations using the Intersection Observer API and CSS Animations.

    Project mention: React Animation Library | reddit.com/r/reactjs | 2022-09-04

    Hi! A new major version of React Awesome Reveal, an animation library for React apps for easily adding revealing effects, is now out 🚀 Give it a try!

  • react-facebook

    Facebook components like a Login button, Like, Share, Chat, Comments, Page or Embedded Post

  • 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-02-01.

TypeScript react-components related posts


What are some of the best open-source react-component projects in TypeScript? This list will help you:

Project Stars
1 chakra-ui 30,982
2 react-bootstrap 21,436
3 office-ui-fabric-react 14,631
4 antd-mobile 10,757
5 base web 8,166
6 react-spectrum 7,917
7 rsuite 7,329
8 nteract 5,955
9 react-leaflet 4,434
10 zeit-ui-react 3,593
11 jsLingui 3,524
12 reactour 3,309
13 DevExtreme React Grid 1,956
14 react-cropper 1,771
15 react-data-table 1,736
16 vazco/uniforms 1,721
17 mdbootstrap 1,270
18 vscode-react-javascript-snippets 1,234
19 react-insta-stories 1,152
20 react-inlinesvg 1,133
21 Graphin 830
22 react-awesome-reveal 777
23 react-facebook 740
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.