TypeScript react-components

Open-source TypeScript projects categorized as react-components

Top 23 TypeScript react-component Projects

  • Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  • Project mention: Ask HN: Is there a react test framework that works? | news.ycombinator.com | 2024-05-24

    > [0, 1, 2, -1, 10, 11, 12, 13, 14, -1, 26, 27, 28]

    What is that supposed to represent in terms of pagination? Are they cursors...?

    > I didn't think the code that generated the HTML from that was really worth testing because it was so superficial.

    For what it's worth (as a frontend person), pagination is traditionally one of the trickier things for us to make sure is working correctly. Off-by-one mistakes can happen for example (especially with zero-indexed items). Or sometimes the prev/next buttons don't correctly use the same math as the page 1, 2, 3, etc. buttons. It gets even harder if you don't know the total length in the beginning, or if you allow multiple page sizes or sorts/filters, or use lazy loading, etc.

    For those reasons I try to use a ready-built lib like MUI where all that is already tested internally (like https://github.com/mui/material-ui/blob/next/packages/mui-ma... or https://github.com/mui/material-ui/blob/next/packages/mui-ba...), but we still add our own automated and manual tests in our own usages.

    But then again I'm bad at math and division, lol, so maybe it's just my own weakness.

  • react-bootstrap

    Bootstrap components built with React

  • Project mention: Top 23 React UI Component Libraries for Your Next ProjectπŸš€ | dev.to | 2024-05-30

    3. React Bootstrap

  • 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
  • office-ui-fabric-react

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

  • Project mention: Making Web Component properties behave closer to the platform | dev.to | 2024-01-21

    For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc.

  • tremor

    React components to build charts and dashboards

  • Project mention: Show HN: React and Tailwind CSS UI Components | news.ycombinator.com | 2023-11-30
  • react-spectrum

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

  • Project mention: Adobe React Spectrum Libraries | news.ycombinator.com | 2024-05-05
  • antd-mobile

    Essential UI blocks for building mobile web apps.

  • base web

    A React Component library implementing the Base design language

  • Project mention: ⚑Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    πŸ” Site ⭐ GitHub

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

    🧱 A suite of React components .

  • Project mention: Create a Simple React.js Workflow App From Scratch – Your Ultimate Guide ! | dev.to | 2024-05-20

    Now open your browser at http://localhost:3000 (in your case address may be different) and you will see an example React application. Let's start hack it. First we will add a navigation bar to our application. We will use React Suite library.

  • nteract

    πŸ“˜ The interactive computing suite for you! ✨

  • react-leaflet

    React components for Leaflet maps

  • Project mention: 33 React Libraries Every React Developer Should Have In Their Arsenal | dev.to | 2024-01-07

    30.react-leaflet

  • jsLingui

    🌍 πŸ“– A readable, automated, and optimized (3 kb) internationalization for JavaScript

  • zeit-ui-react

    A design system for building modern websites and applications.

  • reactour

    Tourist Guide into your React Components

  • DevExtreme React Grid

    Business React components for Bootstrap and Material-UI

  • react-data-table

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

  • react-cropper

    Cropperjs as React component

  • vazco/uniforms

    A React library for building forms from any schema.

  • vscode-react-javascript-snippets

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

  • mdbootstrap

    React 18 & Bootstrap 5 & Material Design 2.0 UI KIT

  • react-insta-stories

    A React component for Instagram like stories

  • react-inlinesvg

    An SVG loader component for ReactJS

  • Project mention: How Do I Style A SVG That Is In A React Component, Using CSS? | /r/reactjs | 2023-08-13

    https://www.npmjs.com/package/react-inlinesvg demo: https://codesandbox.io/s/github/gilbarbara/react-inlinesvg/tree/main/demo

  • saas-ui

    The React component library for startups, built with Chakra UI.

  • Project mention: [Hiring] (Online) Developer that has used a Saas Boilerplate | /r/forhire | 2023-10-27
  • react-awesome-reveal

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

  • Project mention: Top 7 Next.js Animation Libraries in 2023 | dev.to | 2023-08-09
  • 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).

TypeScript react-components related posts

  • Adobe React Spectrum Libraries

    1 project | news.ycombinator.com | 5 May 2024
  • Show HN: Brutalisthackernews.com – A HN reader inspired by brutalist web design

    2 projects | news.ycombinator.com | 6 Apr 2024
  • Show HN: Added Shadcn UI components to my neobrutalism component collection

    1 project | news.ycombinator.com | 6 Apr 2024
  • 33 React Libraries Every React Developer Should Have In Their Arsenal

    10 projects | dev.to | 7 Jan 2024
  • How would you name this design with boxes and lines? Looking for similar inspiration.

    1 project | /r/webdev | 9 Dec 2023
  • Show HN: React and Tailwind CSS UI Components

    1 project | news.ycombinator.com | 30 Nov 2023
  • Fluent UI React Components v9

    1 project | news.ycombinator.com | 22 Nov 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 1 Jun 2024
    SaaSHub helps you find the best software and product alternatives Learn more β†’

Index

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

Project Stars
1 Material UI 92,008
2 react-bootstrap 22,234
3 office-ui-fabric-react 17,830
4 tremor 15,458
5 react-spectrum 11,949
6 antd-mobile 11,458
7 base web 8,644
8 rsuite 8,184
9 nteract 6,161
10 react-leaflet 4,974
11 jsLingui 4,253
12 zeit-ui-react 4,239
13 reactour 3,745
14 DevExtreme React Grid 2,061
15 react-data-table 2,003
16 react-cropper 1,991
17 vazco/uniforms 1,917
18 vscode-react-javascript-snippets 1,684
19 mdbootstrap 1,407
20 react-insta-stories 1,312
21 react-inlinesvg 1,254
22 saas-ui 1,194
23 react-awesome-reveal 1,075

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